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

作者:袖梨 2022-06-25

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

  

    

测试1

    

测试1

    

测试1

    

测试1

    

测试1

    

测试1

    

测试1

    

请将我居中

    

测试1

    

测试1

  

  $(function() {

    varitem = $(".selected");

    varcontainer = $("#J_container");

    varitemOffset = item.offset();

    varitemOffsetLeft = itemOffset.left + container.scrollLeft();

    varcenterLeft = ( container.width() - item.width()) / 2;

    container.scrollLeft(itemOffsetLeft - centerLeft);

  })

相关文章

精彩推荐