当点击DIV时滚动至顶部？

Question

我们都知道通过HTML使用命名锚点可以实现回到页面顶部，但是如果要在不被标签包围的其他HTML元素（例如DIV）被点击时返回页面顶部呢？

编辑： 对不起，我没有看到这是一个重复的问题。 我搜索了一下，但没有找到任何信息。

- Aaron Brewer

Answer 1

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

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

- mas-designs

---

我实际上不得不编写这段代码才能按照下面的注释使其正常工作：jQuery('div').click(function(){jQuery(window).scrollTop(0);}); - Aaron Brewer

非常感谢你，EvilP！ :) - Aaron Brewer

我需要在特定的div上不使用函数，它可以正常工作：$('#mydiv').scrollTop(0); - Jonny

Answer 2

是的，您可能希望使用JavaScript来完成此操作，方法是：

window.scrollTo(0, 0);

并将其分配给 div 元素

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

- ianaz

Answer 3

如果您想使用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滚动到网页顶部

- Pranay Rana

Answer 4

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

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

或者使用jQuery：

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

- Tobias Krogh

Answer 5

这应该适用于任何块级元素：

$('#element_id').click(function(){
    $('html, body').animate({scrollTop:0}, 'slow');
    return false;
});

祝你好运！...

- airyt

Answer 6

是的，这是可能的，您应该向该元素添加 onclick 事件并使用 .scrollTop()

有关更多信息，请参见 scrollTop

- Anton Baksheiev

Answer 7

您可以监听 div 上的 click 事件，并在其被点击时使用 scrollTo。

window.scrollTo( x-coord, y-coord )：

滚动到文档中特定的坐标。

x-coord 是您希望在左上角显示的文档水平轴上的像素。y-coord 是您希望在左上角显示的文档垂直轴上的像素。

- Chase