Javascript/jQuery 滚动顶部问题

Question

我重新创建了我正在尝试做的事情的简单版本 here (jsFiddle)

标题应该保持在原来的位置，当您向下滚动时，当您单击标题 div 时，它应该向上滚动到顶部，事实确实如此。但是，如果您专注于输入，或单击“ Logo ”，则滚动应保持在原来的位置。

我尝试的第一种方法是使用 jQuery 的 .css 并将输入/ Logo 的 z-index 设置为高于标题，然后获取当前滚动并将其保持在该位置。

这种方法可行，但是一旦您单击输入或 Logo ，标题滚动就不再起作用。

我还尝试以较慢的速度将 Logo /输入 jQuery 更改为 .animate，它会保持静态几秒钟，然后滚动到顶部，即使我没有设置它这样做。这是第二个例子 - jsFiddle

但是，使用第二个示例执行此操作并不会阻止其他函数的工作。

我缺少这种行为的任何原因吗？

Answer 1

您可以阻止点击事件传播到标题。

$("#logo, #input").click(function(e) {
    e.stopPropagation();
});