Question

我有几个隐藏的div（class =“page”），当点击它们的链接时会显示和动画。这些div包含使用mCustomScrollbar插件的水平可滚动div（class =“content”）。第一次显示隐藏的div时，滚动条处于原始位置（完全向左滚动）。下一次显示隐藏的div时，滚动条显示为完全向右滚动，而不是在原始位置。我尝试过使用

$('.content').scrollLeft(0);

单击链接时，为了将此类的所有实例滚动回到主页。这没有用，API文档指出.scrollLeft（）不适用于隐藏的div，所以我只在被显示的.content div的id上调用.scrollLeft（），确保放置方法在.page div更改为显示后阻止调用：阻止

任何人都可以了解如何确保.content div在显示时完全滚动？以下是该页面的链接：http://cdhbrooksdesign.com/home.html

点击“制作”标签一次显示，看起来是正确的。再次单击以缩回，然后单击第三次，滚动部分一直向右滚动。

非常感谢能够提供帮助的任何人。

Answer 1

任何时候隐藏的div都需要扩展，添加以下行：

$('.content').mCustomScrollbar("disable",true);
$('.content').mCustomScrollbar("update");

诀窍。以下是点击功能。希望其他人也能发现这个有用。

$(document).ready(function(){
        $("#current").click(function(){
            if (currentIndex == 1){
                retractPage();
            }
            else if (sumIndex() !=0){
                retractExtend("currentPage", "current");
                currentIndex=1;
                $('.content').mCustomScrollbar("disable",true);
                $('.content').mCustomScrollbar("update");
            }
            else {
                extendPage("currentPage", "current");
                currentIndex=1;
                $('.content').mCustomScrollbar("disable",true);
                $('.content').mCustomScrollbar("update");
            }

        });

防止Divs滚动吧？

1 个答案: