Javascript 在灯箱中滚动至顶部

我已经创建了一个自定义菜单。看见点击这个链接，我会弹出一个阴影框，里面有一长串的项目。现在我想有一个“返回顶部”的锚链接，它将我带回到菜单列表的顶部

我已将您的灯箱设置为

#box

id

Html

<div id="box">
...
<!-- long content there -->
<a href="#" id="toTop">To Top</a>
</div>

jQuery

$('#box').bind('scroll', function(e) {
   if ($(this).scrollTop() > 100) {
        $('#toTop').fadeIn();
        $('#toTop').css({'top' : $(this).scrollTop() + 100});
   } else {
        $('#toTop').fadeOut();
    }
});

$(document).on('click', '#toTop', function(e) {
    e.preventDefault();
    //$('#box').scrollTop(0); //just go to top
    $('#box').animate({scrollTop : 0},'slow'); //animate
});

非常容易使用：

document.querySelector("iframe").contentWindow.scrollTo(0,0);

现在，在页面上放置一个按钮，并在单击时调用该按钮。哦，省略iframe主体上的

height:100%

，这样就省去了第二个滚动条

---

您只需将上面的行粘贴到您的网页上，并在浏览器的控制台中执行即可尝试此操作。

您正在谈论的链接是什么？你能更精确一点吗（添加一些代码/提琴）？如果你能打开我给出的链接，有一个叫做“创建自定义菜单”的链接。现在，如果你点击它，就会有一个弹出窗口，是一个阴影框。在阴影框内有一个可供挑选的食物列表。现在这是一个长长的清单。因此，我希望在这个列表的末尾有一个返回顶部的选项，您可以在一个普通的页面中使用javascipt轻松地完成这项工作。但是我想把这个功能放在一个阴影框里。这完全是相同的过程，但是在你的iframe里。至少试试看，我已经试过了。它不起作用。是的，阴影框与iframe不同。你能给我举个例子吗？

document.querySelector("iframe").contentWindow.scrollTo(0,0);