我们都知道通过 HTML 使用命名锚滚动到顶部是可能的,但是当单击另一个没有被标签包围的 HTML 元素时是否可以滚动到顶部?例如,一个 DIV?
编辑:抱歉,我没有看到这是一个重复的问题。我进行了搜索,但没有找到任何东西。
我们都知道通过 HTML 使用命名锚滚动到顶部是可能的,但是当单击另一个没有被标签包围的 HTML 元素时是否可以滚动到顶部?例如,一个 DIV?
编辑:抱歉,我没有看到这是一个重复的问题。我进行了搜索,但没有找到任何东西。
$('div').on("click",function(){
$(window).scrollTop(0);
});
您可以将各种 html 标签插入括号
是的,您可能想通过使用 Javascript 来完成它
window.scrollTo(0, 0);
并将其分配给 div
<div onclick="window.scrollTo(0, 0);">Element</div>
如果您想使用 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 滚动到网页顶部
您可以通过使用 JavaScript 来实现:
$("#my-div").on("click", function() {
window.scroll(0,0);
});
或使用 jQuery:
$("#my-div").on("click", function() {
$(window).scrollTop(0);
});
这应该适用于任何块元素:
$('#element_id').click(function(){
$('html, body').animate({scrollTop:0}, 'slow');
return false;
});
祝你好运 ...
是的,有可能,您应该将事件 onclick 添加到该元素并使用.scrollTop()
有关更多信息,请参阅滚动顶部
您可以监听您的click
事件div
并在单击时使用scrollTo
。
window.scrollTo(x坐标,y坐标):
滚动到文档中的一组特定坐标。
x-coord 是要显示在左上角的文档水平轴上的像素。y 坐标是要显示在左上角的文档垂直轴上的像素。