点击DIV时滚动到顶部？

Question

我们都知道可以通过HTML滚动到带有命名锚点的顶部,但是当点击另一个没有被标签包围的HTML元素时,是否可以滚动到顶部？例如,DIV？

编辑:道歉,我没有看到这是一个重复的问题.我做了搜索,没有找到任何东西.

Answer 1

$('div').on("click",function(){
      $(window).scrollTop(0);
});

您可以将各种html标签插入括号中

Answer 2

是的，您可能想通过使用Javascript来实现

window.scrollTo(0, 0);

并将其分配给div

<div onclick="window.scrollTo(0, 0);">Element</div>

Answer 3

您可以通过使用 JavaScript 来实现这一点：

$("#my-div").on("click", function() {
    window.scroll(0,0);
});

或使用 jQuery：

$("#my-div").on("click", function() {
    $(window).scrollTop(0);
});

Answer 4

如果你想使用jquery解决方案而不是你可以使用

$(document).ready(function() {

    $('a[href=#top]').click(function(){
        $('html, body').animate({scrollTop:0}, 'slow');
        return false;
    });

});

HTML将是

<a name="top"></a>
...
<a href="#top">Back to top</a>

完整文章:使用jQuery滚动到网页顶部