zoukankan      html  css  js  c++  java
  • JQ 禁用页面滚动条

    
    <div style=" 100%;height:2000px;">
      <button style="margin-top: 200px;" onclick="show()">sssssss</button>
    </div>
    <div id="model" style="position: absolute;top:0;left:0;100%;height:100%;background:rgba(0,0,0,0.3)">
      <button onclick="hide()">eeeee</button>
    </div>
    
    
      #model{
        display: none;
      }
    
      function show(){
       let model = document.getElementById("model")
       let top = $(document).scrollTop()
       model.style.top = top+"px"
       model.style.display = "block"
       scollchange(top)
      }
      function hide(){
        let model = document.getElementById("model")
        model.style.display = "none"
        $(document).unbind()
      }
      function scollchange(top){
        $(document).on('scroll.unable',function (e) {
            $(document).scrollTop(top);
        })
      }
    
  • 相关阅读:
    svn的使用
    补间动画和属性动画
    图片的处理
    在Android中来修改SQL里面的权限和显示内容
    两种Service如何一起使用
    HDU-1083
    HDU 2444
    HDU-1045 Fire Net
    hrbust
    UVA
  • 原文地址:https://www.cnblogs.com/FormerWhite/p/15015345.html
Copyright © 2011-2022 走看看