javascript - 滚动到 div 的顶部无法正常工作

标签 javascript jquery html css

我有 3 个图标,单击时从右侧显示一个 div,然后滚动到一个部分。(该 div 中有 3 个部分)。所以 icone1 滚动到第 1 节,icone2 到第 2 节,icone3 到第 3 节。但是所有的图标都使 div 从右边出现,然后开始相应的滚动动画。

看起来是这样,但它不能正常工作。

<script type="text/javascript">

        $("#icone2").click(function() {
            $("#div").animate({ right:'0' }, 500);
        });

        $("#icone2").click(function() {
            $('#div').animate({
            scrollTop: $("#section2").offset().top - 100
            }, 500);
        });

</script>

它有点管用,但如果我第二次单击图标,它会返回到 div 的顶部,然后另一个图标不会滚动到正确的位置。感谢您的帮助!!

编辑

它现在起作用了,我发现了让一切运行顺畅的美!我在我的所有脚本中都添加了这一行哈哈

队列:错误

最佳答案

如果你想滚动到顶部你应该滚动整个页面尽管滚动一个图标

window.scrollTo(0, 0);

关于javascript - 滚动到 div 的顶部无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38137228/

相关文章:

html - 使用表格的 CSS 下拉菜单导航器

javascript - 任意 JS/HTML 上传的 Web 安全

jquery数组图像淡入淡出背景

javascript - 不扩展父级的绝对定位

json - JavaScript : Array overriding the same values after assinging to JSON object

jquery - 将背景图像从特定父 div 更改为多个 div

java - 使用 Java 在 .war 文件中创建 HTML

javascript - 出现在一个元素之后的所有元素的选择器

java - 将 JS 与 wicket 集成

javascript - js jQuery,总是有一个数字显示至少两位00