单击 DIV 时滚动到顶部？ [关闭]答案

【问题标题】：Scroll To Top When DIV Clicked? [closed]单击 DIV 时滚动到顶部？ [关闭]
【发布时间】：2012-10-25 17:13:00
【问题描述】：

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

编辑：抱歉，我没有看到这是一个重复的问题。我进行了搜索，但没有找到任何东西。

【问题讨论】：

【解决方案1】：

您可以使用 JavaScript 实现此目的：

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

或使用 jQuery：

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

【讨论】：

【解决方案2】：

如果您想使用 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>

全文：Scroll to the top of a webpage with jQuery

【讨论】：

【解决方案3】：

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

你可以在括号中插入各种html标签

【讨论】：

我实际上必须这样编写代码才能使其工作，如下所述：jQuery('div').click(function(){jQuery(window).scrollTop(0);}) ;
但是非常感谢 EvilP！ :)
我需要它，但没有特定 div 上的功能，工作正常：$('#mydiv').scrollTop(0);

【解决方案4】：

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

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

祝你好运……

【讨论】：

【解决方案5】：

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

window.scrollTo(0, 0);

并将其分配给 div

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

【讨论】：

【解决方案6】：

您可以在div 上侦听click 事件，并在单击时使用scrollTo。

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

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

x-coord 是沿文档水平轴的像素你想显示在左上角。 y坐标是沿要显示在上部的文档的垂直轴离开了。

【讨论】：

【解决方案7】：

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

更多信息见scrollTop

【讨论】：