点击后滚动到顶部

Question

当我打开我的菜单并向下滚动时，将其关闭并再次重新打开，菜单会停留在该点，但我希望它在每次您打开它时也使用锚链接打开。

我添加了这个以在单击链接时关闭菜单：

$("li > a").on("click", function() {
        $(".drawer-hamburger").trigger("click");
    });

一切正常，除了重新打开后它不会顶部。

我试过了：

$('#div').scrollTop();

但这没有任何效果。到目前为止唯一有效的是：

window.location.reload(true)

但我认为每次都重新加载页面有点过头了。

有没有办法在点击时关闭菜单并在重新打开后将菜单返回到顶部？

这一切都与这个话题有关，

Turn blivesta animsition menu into off canvas (push body) menu

但因为这是一个单独的问题，我认为最好开始一个新主题。

编辑：让我更具体地说明情况。 我通过单击汉堡图标打开我的菜单。该列表是可滚动的，所以当我向下一点时，单击锚链接，菜单关闭，我在我的锚点。到目前为止，一切都很好。 当我重新打开菜单时，它仍然在我滚动到的菜单中。但我想在重新打开后再次出现在菜单顶部，而不刷新我的页面。

编辑 #2：在此处观看固定结果：http://codepen.io/Jorus/pen/zBLBpy

Answer 1

你需要翻译成0px：

$("li > a").on("click", function() {
    $(".drawer-menu").css("transform","translate(0, 0) translateZ(0)");
    $(".drawer-hamburger").trigger("click");
});

已编辑

Answer 2

试试

var x = size of body;
window.scrollBy(0, x);

x 是主体的大小，以像素为单位。

window.scrollBy 函数滚动多个像素，所以如果滚动正文的大小，您将始终位于顶部。

Answer 3

我喜欢使用这段 jquery 代码将页面滚动到给定位置。

$("html,body").stop().animate( { scrollTop: 0 }, 1234, "swing" );

stop() 结束任何当前正在运行的动画，然后我们定义我们的animation 来处理scrollTop-值，0 表示页面的绝对顶部，放入任何你需要的东西，比如可能$('#targetElementId').scrollTop() . 1234 表示需要 1.234 秒，“swing”实际上是默认的easing 函数——唯一的选择是线性的。