Jquery scroll只能工作一次?

时间:2016-01-17 19:11:11

标签: javascript jquery html

我有ScrollTo的问题,我的问题是它第一次点击链接时工作正常,但是当我点击不同的链接后没有。

其他信息。 我想要滚动到的元素,当我点击一个按钮时,首先会出现,然后所有元素都会被动画显示在页面上。

见下面的代码

see image

        $(document).ready(function ($) {

        $("ul.sitecheck-navigation li.seo-optimering-sitechek").click(function (event) {
        event.preventDefault();
        scrollPageTo($('.meta-sitechek'));
        });

        $("ul.sitecheck-navigation li.newstuff-sitechek").click(function (event) {
        scrollPageTo($('.newstuff-sitechek'));
        });

        function scrollPageTo($target) {
        var scrollHeight = document.body.scrollHeight;
                $(window).stop(true).scrollTo($target, {
        duration: 600,
                progress: function() {
                // If the page scroll height changes, scroll afresh to the shifted target
                if (scrollHeight !== document.body.scrollHeight) scrollPageTo($target);
                }
        });
                return false;
        }

        });

当我第一次点击链接时它工作正常,它会使用正确的类滚动到我的div。

但是,当我再次点击一个不同的链接时,它只会向下滚动大约10px。

任何人都知道这是怎么回事?

1 个答案:

答案 0 :(得分:0)

感谢Frédéric解决了。在我添加了.list-result到我的scrollto后,我的调用div出错了。)