11

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

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

4

7 回答 7

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

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

于 2012-11-05T19:59:21.610 回答
11

是的,您可能想通过使用 Javascript 来完成它

window.scrollTo(0, 0);

并将其分配给 div

<div onclick="window.scrollTo(0, 0);">Element</div>
于 2012-11-05T19:58:37.730 回答
6

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

于 2012-11-05T19:59:40.460 回答
5

您可以通过使用 JavaScript 来实现:

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

或使用 jQuery:

$("#my-div").on("click", function() {
    $(window).scrollTop(0);
});
于 2012-11-05T19:58:52.707 回答
4

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

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

祝你好运 ...

于 2012-11-05T19:59:06.840 回答
1

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

有关更多信息,请参阅滚动顶部

于 2012-11-05T19:57:39.273 回答
1

您可以监听您的click事件div并在单击时使用scrollTo

window.scrollTo(x坐标,y坐标):

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

x-coord 是要显示在左上角的文档水平轴上的像素。y 坐标是要显示在左上角的文档垂直轴上的像素。

于 2012-11-05T19:58:23.703 回答