Question

我的jquery代码有问题

<html>
    <body>
        <a href="#feature2" id="a-down">Click</a>
        <script src="/project/patch/js/jquery-3.1.1.min.js"></script>
        <script src="app.js"></script>
        <script>
        $(document).ready(function(){
            $('#a-down').click(function(){
                $('html,body').animate({
                    scrollTop : $("#feature2").offset().top
                }, 2000);
            });
        })
        </script>
    </body>
</html>

当我点击这个http://localhost:8080/project/app/client/index.html#!#feature4这样的网址时，它无效，但是当我使用不同的网址时，它工作正常且这些网址没有#!#

请帮帮我。抱歉我的英语不好。

Answer 1

如果您要滚动到div'feature2'的顶部，可以使用以下内容：

<html>
<body>
    <a href="#feature2" id="a-down">Click</a>
    <script src="/project/patch/js/jquery-3.1.1.min.js"></script>
    <script src="app.js"></script>
    <script>
    $(document).ready(function(){
        $('#a-down').click(function(){
            $('#feature2').animate({
                scrollTop : $("#feature2").offset().top
            }, 2000);
        });
    })
    </script>
</body>

您应该仅为要滚动的div设置动画。

希望这有帮助！

为什么jquery滚动到不工作

1 个答案: