如果窗口小于1024像素，则文本锚不起作用

Question

如果窗口小于1024像素，为什么我的跳转至顶部文本锚“ ^ nach oben”不起作用？参见：https://bong-apotheke.de/

即使试图用一个小的jquery代码片段添加功能也不起作用：

    $("a#jump-to-top").click(function() {
        $("html, body").animate({ scrollTop : 0 }, "slow");
        return false;
    });

出什么问题了？我想念什么吗？在Chrome中尝试过，但在Firefox中相同。首先，我想也许是jquery-script可能是问题所在，但是没有...

希望你们有一个主意...

Answer 1

问题似乎出在sidebars.css

在第24行中，将身体的高度设置为100％。禁用此功能后，滚动将起作用。

Answer 2

大概是因为您的页面不够长。大多数浏览器仅允许您滚动到页面底部位于视口底部的位置，而不能滚动至该位置。

几个选项：

1. 在滚动目标上添加视觉指示，即使它不在页面顶部，也可以吸引用户的眼球。
2. 在页面末尾添加与视口一样高的空白元素，以便浏览器允许您向下滚动到该目标。