zoukankan      html  css  js  c++  java
  • 滚动条事件window.onscroll

    获取页面某一元素的绝对X,Y坐标

    var X = $('#ElementID').offset().top;
    var Y = $('#ElementID').offset().left;
    获取相对(父元素)位置:
    var X = $('#ElementID').position().top;
    var Y = $('#ElementID').position().left;
     
     

    相对浏览器,将指定div滚到到指定位置,其用法如下

    $("html,body").animate({scrollTop: $(obj).offset().top},speed);

    例:统战 DIV随滚动条位置高度发生变化

     // 答题卡位置随滚动条变化
          window.onscroll = function(){
            var a = document.documentElement.scrollTop || document.body.scrollTop;//滚动条y轴上的距离
            var b = document.documentElement.clientHeight || document.body.clientHeight;//可视区域的高度
            var c = document.documentElement.scrollHeight || document.body.scrollHeight;//可视化的高度与溢出的距离(总高度)
            var abc = $('.stb-content-test').offset().top;
            // 若滚动高度大于
            if(abc >= a){
              $('.stb-content-answer-div').css('top', aaa - a + 'px')
              
            }
            else{
              $('.stb-content-answer-div').css('top','0')
            }
          }
  • 相关阅读:
    Python循环语句
    Python判断语句
    MySQL的基本操作汇总
    Python函数、类
    Python字典、集合
    Python列表、元组
    python数据类型--数字、字符串
    Python基础认识
    搭建Python独立虚拟环境
    Python包管理工具
  • 原文地址:https://www.cnblogs.com/miangao/p/9970846.html
Copyright © 2011-2022 走看看