有没有办法维持滚动条位置在页面刷新(没有Javascript)?

时间:2011-09-16 17:12:23

标签: php html css html5

我正在构建一个系统,用户可以在其中编辑内联内容,但项目的要求是:

No Javascript!

是否有一种方法只使用php,html和css来维护页面刷新时的滚动条位置,这样当单击编辑按钮时页面不会跳到顶部?

有什么建议吗?

2 个答案:

答案 0 :(得分:5)

这听起来像是渐进增强的理想场所。如果没有javascript,那么使用命名的锚标记(如Olli提到的那样)和URL上的哈希来使其关闭(但它不准确)。

如果有javascript,则将滚动位置保存到cookie或URL参数,并在页面重新加载时准确恢复滚动位置。

在没有javascript的情况下提供最佳体验应该没有害处,但是当javascript可用时提供更好的体验(渐进式增强)。

另一种可能性是使用分页或标签界面(将编辑字段定位在窗口顶部附近),这样在编辑字段时滚动的可能性就大大降低。

答案 1 :(得分:3)

这样做:

<a name="jumphere"></a>

当你编辑了

http://yourUrlHere.com/somepage.php#jumphere