Question

所以我有一个nav滚动到相应的解释部分。问题是，解释部分很长，以至于我决定将它们设置为div，其中包含固定的height和overflow-y:scroll。

这是我的JS：

$('.target').click(function() {
       var id = $(this).data('link');
       navigateToElement(id);
    });



    function navigateToElement(id) {
        $('.nest').animate({
            scrollTop: $("#" + id).offset().top
        }, 500);
    }

现在当我点击nav时，fixed-height div动画很奇怪。例如，查看小提琴并单击黄色nav div，然后单击蓝色nav div。它只是坐立不安。

这里是小提琴：JSFIDDLE

有什么想法吗？谢谢你的帮助。

Answer 1

我记得要解决类似的问题。也许你可以看一下我的github repo并随意获取代码片段。我为代码质量道歉，这是我之前的项目之一。

[https://github.com/quantumlicht/cv-central][1]

最有可能感兴趣的代码是scripts / js文件夹中的scroll spy函数和utils setSkrollr。如果您需要更多帮助，请与我们联系。

嵌套div的Jquery .animate

1 个答案: