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

作者：袖梨 2022-06-25

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

    •   

相关文章

精彩推荐