zoukankan      html  css  js  c++  java
  • 页面刷新后,Scroll仍在固定位置

    一。用javascript来控制

    <script language="javascript">

                         function savePos(){

                                    document.Form1.scrollingTopControlID.value = document.body.scrollTop;

                         }

                         function loadPos(){

                                    var top = document.Form1.scrollingTopControlID.value;

                                    if(top != "")

                                    {

                                    document.body.scrollTop = top;

                                    }

                         }

      </script>

    二。用body事件来触发

    <BODY onscroll="savePos();" onload="loadPos();" MS_POSITIONING="GridLayout">

    三。用隐藏框记录数值

    <input name="scrollingTopControlID" id="scrollingTopControlID" type="hidden" />

    这样就可以在页面刷新后重回到当前位置,适合版面较长的页面使用。

  • 相关阅读:
    Promise推荐
    ES6推荐
    vue学习笔记之项目创建流程
    vue学习笔记之环境搭建
    前端知识小总结3
    前端知识小总结2
    JavaScript语言精粹の笔记
    JavaScript修炼之道の笔记
    移动端及vue相关问题
    组件式开发Web App
  • 原文地址:https://www.cnblogs.com/huige1004/p/1298628.html
Copyright © 2011-2022 走看看