如果没有内容，请停止滚动

Stop Scrolling if there is no Content left

本文关键字：滚动 如果没有      更新时间：2023-09-26

我想让这个脚本停止滚动，如果点击，当没有更多的内容留在div。

$(document).ready(function () {
    $("#right").click(function () { 
        var leftPos = $('.DivDataMain').scrollLeft();
        $(".DivDataMain").animate({scrollLeft: leftPos + 250}, 800);
    });   
    $("#left").click(function () { 
        var leftPos2 = $('.DivDataMain').scrollLeft();
        $(".DivDataMain").animate({scrollLeft: leftPos2 - 250}, 800);
    });   
});
这是演示链接:FIDDLE

在演示中，它继续向右滚动，尽管div不再显示任何内容。我想让它停止。

提前感谢。

您必须将white-space: nowrap添加到#midleBody元素中，并从中删除width: 90000px。

发生的事情是你的元素有一个固定的宽度，所以你的javascript检测到它，并一直到最后。你需要让元素根据它里面的文本动态调整，这就是white-space:nowrap所做的。

相关文章：