与浏览器重绘的锚链接

Question

我正在建立一个网站，其中包含不同部分的长主页之一。 我正在尝试在主页上使用锚标记，以便当您从其他页面链接到它时，您可以直接转到右侧部分。

它最初进入右侧部分，但是随后在加载图片，facebook和pinterest插件时，它们会将内容压低。

我读到，您可以通过内联声明图像尺寸来避免这种情况。 除了我的网站反应灵敏之外，因此图像需要流畅。 有没有解决的办法？

如果这不可能，那么JavaScript解决方案也是可以接受的。 现在，主页菜单使用jquery滚动到右侧部分。 有没有一种方法可以将访问者发送到主页，等待其加载，然后使用相同的脚本滚动到某个部分？

编辑：我找到了答案，有点。 我按以下答案回答： https : //stackoverflow.com/a/9805747/1948221

但是该脚本在加载我的社交插件之前就跳转了，导致了我最初描述的相同问题。 如果我在setTimeout函数中添加一些超时，则页面有时间完全加载，并且一切运行正常。 唯一的问题是加载时间变化很大，因此不可能每次都正确。

有什么帮助吗？

Answer 1

如果不使用javascript，我不建议您使用解决方案。 既然您已经用jQuery标记了答案，那么我想您会对这个光滑的示例感到满意。

您可以在这里找到它的精彩之处 。

更新＃1

我读到，您可以通过内联声明图像尺寸来避免这种情况。 除了我的网站反应灵敏之外，因此图像需要流畅。 有没有解决的办法？

我想说，如果内联声明图像尺寸，则将采取最佳方法。
使用javascript库对响应式设计做出反应。 我认为这是可以接受的解决方法。

也许您对使用Device.js（ Github / Demo ）感兴趣，以便对不同的设备做出反应。