点击DIV时滚动到顶部？

我们都知道通过HTML滚动到名称锚可以......但是，当另一个HTML元素被点击并且没有被A标签包围时，是否可以滚动到顶部？例如，像DIV？点击DIV时滚动到顶部？

谢谢！

编辑：道歉所有，我没有看到这是一个重复的问题。我做了搜索，没有找到任何开始。

2012-11-05 Aaron Brewer

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

可以插入各种的html标签放入支架的

来源

2012-11-05 19:59:21

我实际上不得不这样做代码，使其工作如下所述：jQuery（'div'）。click（function（）{jQuery（window）.scrollTop（0）;}）; –

但是非常感谢EvilP！ :) –

不客气！ –

是的，它是可能的，你要的onclick添加事件到元素，并使用.scrollTop()

更多信息请参见scrollTop

来源

2012-11-05 19:57:39

你可以侦听click事件对你div并使用scrollTo单击时。

window.scrollTo（X-坐标，Y-坐标）：

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

x坐标是您想要在左上角显示的文档的水平轴上的像素。 y坐标是文档垂直轴上沿左侧显示的像素。

来源

2012-11-05 19:58:23 Chase

是的，你可能想通过使用

window.scrollTo(0, 0);

并将其分配到div使用Javascript做

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

来源

2012-11-05 19:58:37 ianaz

您可以使用JavaScript

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

实现这一目标

或

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

没有JavaScript

来源

2012-11-05 19:58:52

这是jQuery的.. –

这应该对任何块元素工作，我不能想办法：

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

好运...

来源

2012-11-05 19:59:06 airyt

如果你想去jquer Ÿ解决方案比你可以使用

$(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

来源

2012-11-05 19:59:40

点击DIV时滚动到顶部？

回答

相关问题