Question

我正在尝试让JQuery的scrollIntoView在页面上工作，但它似乎不起作用。这是页面的简化版本：

<html>  
<head>


    <script type="text/javascript" src="Scripts/jquery-1.6.4.min.js"></script>

    <script type="text/javascript">
$('.top').click(function() {
    $('.bottom')[0].scrollIntoView();
});

</script>
</head>
<body>
<div><a href ="#" class= "top">Hello</a></div>
<div style = "margin-top: 1000px"class = "bottom">hello</div>
</body>
</html>

无论我做什么，我都无法让它发挥作用。我是JQuery的初学者，所以我觉得这里有很多我可能做错的事情。我也试图插入ScrollTo，其结果应该看起来更好，但它也不起作用。我错过了什么？

编辑：有人提出问题是我使用“#top”而不是“.top”。我已经更新了这个，但它仍然不起作用。

Answer 1

希望这有帮助!!!

<!doctype html>
<html>  
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="/jquery.scrollintoview.js"></script>
$(document).ready(function(){
$("a.top").click(function(){
$("div:last").scrollintoview();
});
});
</script>
</head>
<body>
<div><a href ="#" class="top">Hello</a></div>
<div style = "margin-top: 1000px" class ="bottom">hello</div>
</body>
</html>

Answer 2

#表示ID，而不是类。您需要.top和.bottom。

无法使scrollIntoView正常工作

2 个答案: