在我们的WordPress网站上，我们的侧边栏中有一些链接可以在同一网站上加载新页面。所有侧边栏链接都指向不同的页面。
我已经为链接目标添加了一个哈希名称，这样当新页面加载时，我们可以将用户带到目标页面的特定部分。
问题是，页面包含一些图像，这些图像会在图像加载时导致目标位置移动。我在jQuery的document.ready函数中使用以下行来等待页面（或问题图像）加载然后平滑滚动到锚点但是它不起作用...
jQuery(document.body).scrollTop(jQuery('#stockistDetails').offset().top);
我使用的链接文字看起来像......
http://findyourdreamdress.co.uk/dresses/lillian-west/6343-lillian-west/?stockist_id=1393#stockistDetails
http://findyourdreamdress.co.uk/dresses/lillian-west/6343-lillian-west/?stockist_id=1132#stockistDetails
在目标页面上，我有一个看起来像......的锚点。
<a name="stockistDetails" id="stockistDetails"></a>
我不确定从哪里开始： - （
答案 0 :(得分：0)
从用户体验的角度来看，在慢速连接时，屏幕将会“跳跃”。当图像完成加载时。我知道你说过你使用平滑滚动来滑行到目标，但是对于一些用户来说，这仍然会感觉像是一个跳跃。另外，如果图像需要一些时间来加载，则用户可能已经开始在等待时阅读页面上的内容，并且当您最终点击平滑滚动时可能会感到烦恼。
所以，一种方法是设置属性，即使在响应式设计中，你应该能够使用相对维度而不是绝对值来做到这一点，如果有必要，可能需要一些JS帮助。
另一种方法是最初加载较小的图像，然后在用户点击或悬停在其上时加载较高分辨率的版本。您现在可以在许多零售商的网站上看到这一点。