页面回滚刷新的时候滚动条回到之前的位置

最新推荐文章于 2022-04-22 15:24:11 发布

转载最新推荐文章于 2022-04-22 15:24:11 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2375985/blog/465981

文章标签：

#前端 #c# #javascript #ViewUI

本文介绍了一种使用AJAX技术维持网页滚动条位置的方法，通过设置MaintainScrollPositionOnPostback属性为true，确保用户在触发页面回传后，滚动条仍保持在先前的位置，提升用户体验。

当点击“删除评论”，页面回传给服务器后，滚动条会自动回到最顶端,影响到用户体验。因此，让滚动条记住上次的位置很重要。利用AJAX可以实现这个功能，只需在Page指令中将MaintainScrollPositionOnPostback设置为true即可，默认为false。该属性也可应用到TreeView控件。把TreeView控件放在一个有上下滚动条大小固定的DIV里，当展开一个节点，页面自动回发，滚动条又自动跳到了最顶端，假如里面有很多节点，希望展开底部某个节点后滚动条始终能保持在那里不要回到顶端时，MaintainScrollPositionOnPostback就可以大显身手了。

转载于:https://my.oschina.net/u/2375985/blog/465981