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

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

Answer 4

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

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

或使用jQuery：

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

Answer 5

这适用于任何块元素：

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

祝你好运......

Answer 6

是的，您可以在该元素上添加事件onclick并使用.scrollTop()

有关详细信息，请参阅scrollTop

Answer 7

您可以在click上收听div个活动，并在点击时使用scrollTo。

window.scrollTo（x-coord，y-coord）：

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

x-coord是沿着文档横轴的像素   你想要显示在左上角。 y-coord是沿着像素的像素   要显示在上部的文档的垂直轴   左

点击DIV时滚动到顶部？

7 个答案: