Sticky Header问题与深层链接

时间:2015-09-27 06:10:45

标签: javascript

我的粘贴标题与我的深层链接重叠有问题。如果我有深层链接,则默认浏览器行为是将浏览器视口的顶部滚动到目标元素id的确切位置。不幸的是,这导致粘性标题重叠并覆盖目标元素id。

我尝试使用JQuery的scrollTop()方法滚动到目标元素的位置,标题的偏移量,但结果非常不一致。

我甚至试图在执行带有粘性导航偏移量的自定义滚动之前检查浏览器的滚动,但似乎我的滚动功能仍然与浏览器的本机发生冲突滚动并给出不一致的结果,这意味着有时浏览器的本机滚动在我的后面执行,即使在使用100-500ms的超时来设置延迟之后也是如此。

我需要支持IE8 +和所有现代浏览器。有没有办法阻止浏览器的默认滚动?对任何想法开放。寻找JS解决方案,因为所有基于CSS的解决方案都有主要缺点(即目标元素不能有边框顶部,背景等)。

0 个答案:

没有答案