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

作者:简简单单 2017-02-04

本文实例讲述了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
  •   

相关文章

精彩推荐