我正在构建一个系统,用户可以在其中编辑内联内容,但项目的要求是:
No Javascript!
是否有一种方法只使用php,html和css来维护页面刷新时的滚动条位置,这样当单击编辑按钮时页面不会跳到顶部?
有什么建议吗?
答案 0 :(得分:5)
这听起来像是渐进增强的理想场所。如果没有javascript,那么使用命名的锚标记(如Olli提到的那样)和URL上的哈希来使其关闭(但它不准确)。
如果有javascript,则将滚动位置保存到cookie或URL参数,并在页面重新加载时准确恢复滚动位置。
在没有javascript的情况下提供最佳体验应该没有害处,但是当javascript可用时提供更好的体验(渐进式增强)。
另一种可能性是使用分页或标签界面(将编辑字段定位在窗口顶部附近),这样在编辑字段时滚动的可能性就大大降低。
答案 1 :(得分:3)
这样做:
<a name="jumphere"></a>
当你编辑了
http://yourUrlHere.com/somepage.php#jumphere