gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 08:49:26 25 4
gpt4 key购买 nike

我有这个功能

    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' .

现在是实际的滚动代码:

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

    var offset = $(this).offset(); // Contains .top and .left
  2. top 中减去 20和left :

    offset.left -= 20;
    offset.top -= 20;
  3. 现在为<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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com