从链接到达页面时滚动到底部

时间:2013-08-09 16:36:01

标签: javascript scroll handlebars.js

我遇到一个页面自动滚动到中间的问题,而不是当用户通过链接到达顶部时从顶部开始。例如,当我单击图像下方的任何“[#]推荐”按钮时,链接会将我带到该图像的推荐页面。问题是如果页面有多个推荐,就像在这些特定请求中一样:

http://whatgoeswiththis.co/#request/8

http://whatgoeswiththis.co/#request/5

页面加载中途向下滚动。如果尚未上传推荐,则表示加载正常。

似乎是所有浏览器都存在问题,并且根据已上传的推荐数量,滚动似乎设置为随机位置。该页面有一个常规的HTML / CSS标题,但顶部英寸以下的所有内容都是handlebars.js脚本。

如何在用户到达页面顶部开始的推荐页面时如何制作?我不想添加新的javascript标记,如果可能的话,我更愿意删除任何导致滚动的内容。谢谢!

1 个答案:

答案 0 :(得分:1)

我终于意识到问题所在。我在Backbone应用程序上遇到了同样的问题。问题是当您单击请求卡时页面保持完全相同的滚动位置。因此,根据主页向下滚动的距离,您可以确定请求页面上的位置。

我不确定如何最好地在您的网站上修复此问题,因此我将描述我们在我们的网站上修复它的方法。在我们的网站上,我们只是重建了我们网站上主要元素的DOM,以便滚动位置重置为0.对于您的网站,这意味着主页的模板只有{{1}内的元素当您点击链接时,会使用包含#homepage内所有内容的新模板。