滚动到我的页面 jquery 中的某个 ID答案

【问题标题】：scroll to a certain ID in my page jquery滚动到我的页面 jquery 中的某个 ID
【发布时间】：2015-06-28 15:52:24
【问题描述】：

我有一个包含 iframe 并获得提交的页面，然后在 iframe 中显示一条新消息，这比之前的 iframe 短很多，因此它不会转到点我想要它在页面上。

现在我想使用 jQuery 滚动到新的 id，这意味着用户可以从顶部读取它而不必滚动。

我的 iframe id 是“#iframe-container”。

if (window.location.pathname.split('/')[1] == "Test.aspx")
    {
        // jquery here.
    }

谢谢

【问题讨论】：

为什么不使用 Html 锚点？
因为我希望它发生在点击提交而不是锚标签上
试试看下面的stackoverflow.com/questions/2905867/…
Smooth scroll to div id jQuery的可能重复
@user4058171 在询问之前您是否尝试过研究？这似乎是一个可以通过 5 分钟的谷歌搜索来回答的问题。

标签： javascript jquery

【解决方案1】：

跨窗口发布消息 API 支持与新域通信。使用 post message 方法。

 In iframe page

     iframe.contentWindow.postMessage("your message",iframe.src);

    source page:



    if (window.addEventListener) {
            window.addEventListener('message', function (e) {
                 if(e.data =="yourmess age"){
                          $(window.parent.document).scrollTop();
                        }

【讨论】：

您是否将此答案发布到错误的问题？好像一点关系都没有。

【解决方案2】：

$("html, body").animate({ scrollTop: $('#iframe-container').offset().top }, 1000);

您可以将 1000 更改为更少以更快地滚动，甚至可以更改为 0 以直接跳转到 ID。

$("html, body").animate({ scrollTop: $('#iframe-container').offset().top }, 0);

【讨论】：