zoukankan      html  css  js  c++  java
  • jQuery操作滚动条

    一、窗体滚动条

    1、获取窗体滚动条当前纵向和横向位置

      var currentY=$(document.body).scrollTop();//窗体滚动条纵向位置

      var currentX=$(document.body).scrollLeft();//窗体滚动条横向位置

    2、设置窗体滚动条到指定位置

      var Y=想滚动到的垂直位置;

      var X=想滚动到的水平位置;

      $(window).scrollTop(Y);

      $(window).scrollLeft(X);

    二、元素内滚动条;比如操作页面内一id为dataDiv的div标签

    1、获取div元素内滚动条位置

      var currentY=$('#dataDiv').scrollTop();//div内滚动条纵向位置

      var currentX=$('#dataDiv').scrollLeft();//div内滚动条横向位置

    2、设置div内滚动条到指定位置  

      var Y=想滚动到的垂直位置;

      var X=想滚动到的水平位置;

      $('#dataDiv').scrollTop(Y);

      $('#dataDiv').scrollLeft(X);

    三、其他位置值

    1、当前window可视内容区域高宽

    window.innerHeight;//高

    window.innerWidth;//宽

    2、元素高宽以及相对于文档偏移量

    $('#dataDiv').height();//元素高

    $('#dataDiv').width();//元素宽

    $('#dataDiv').offset().top;//元素相对文档顶部偏移量

    $('#dataDiv').offset().left;//元素相对文档左边偏移量

      

  • 相关阅读:
    微信授权页面执行ajax不执行,刷新才能执行
    spring boot使用jpa的@Modify的clearAutomatically=true的作用
    Excel转HTML
    reporting reportservice(SSRS) 让某行变成自增序号
    Excel的操作插件
    https-加解密
    防篡改防重
    加密解密
    git 常用命令

  • 原文地址:https://www.cnblogs.com/hujiapeng/p/4911258.html
Copyright © 2011-2022 走看看