一聚教程网:一个值得你收藏的教程网站

热门教程

jQuery居中元素scrollleft计算方法示例

时间:2022-06-25 17:21:06 编辑:袖梨 来源:一聚教程网

本文实例讲述了jQuery居中元素scrollleft计算方法。分享给大家供大家参考,具体如下:

如果需要将某个元素 在可以滚动元素(scroll)中设置为居中计算方法为:

需要的scrollleft + 普通居中时候的offsetLeft
= 当前的scrollleft+当前元素的offsetLeft
= 固定的当前元素在整个滚动条中距离左边的位置

DEMO示例:

 代码如下 复制代码

  

  

  

  

style="width: 200px;height: 100px;border:1px solid gray; overflow-x: scroll; overflow-y: hidden;">

  

        

  • 测试1
  •     

  • 测试1
  •     

  • 测试1
  •     

  • 测试1
  •     

  • 测试1
  •     

  • 测试1
  •     

  • 测试1
  •     

  • 请将我居中
  •     

  • 测试1
  •     

  • 测试1
  •   

热门栏目