javascript - 如何在 onclick 时滚动到某个 div？-6ren

javascript - 如何在 onclick 时滚动到某个 div？

转载作者：行者123 更新时间：2023-11-28 08:49:26

我有这个功能

    function first_scroll() {
        document.getElementById('insert').scrollIntoView();
    }

和这个按钮

Button ID="finish" runat="server" Text="Finalize" OnClientClick="first_scroll()"

此按钮运行一些代码，我希望页面在运行此代码后滚动。现在，它会向下滚动到特定的 div 不到一秒，然后在回发后，它会再次从顶部启动。

为了解决这个问题，我尝试使用

<% Page MaintainScrollPositionOnPostback="true" %>

但是，这没有效果。那么，如何在运行一些代码后使页面滚动呢？

提前致谢!

最佳答案

首先，您想要绑定(bind)一个函数作为图像的点击处理程序:

$('#someImage').click(function () {
    // Code to do scrolling happens here
});

这会将点击处理程序应用于带有 id="someImage" 的图像。。如果您想对所有图像执行此操作，请替换 '#someImage'与 'img' .

现在是实际的滚动代码:

获取图像偏移(相对于文档):

var offset = $(this).offset(); // Contains .top and .left

现在为<body>的scroll-top和scroll-left CSS属性设置动画和<html> :

$('html, body').animate({
    scrollTop: offset.top,
    scrollLeft: offset.left
});

此外，请查看 jQuery.scrollTo插入。

这是一个demo .

这是一个重复的问题from this page .

关于javascript - 如何在 onclick 时滚动到某个 div？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19342370/

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章