zoukankan      html  css  js  c++  java
  • jquery定位

    1、$("div").offset().left ; div到文档的左距离(offset() 方法返回或设置匹配元素相对于文档的偏移)
    $("div").offset().top; div到文档顶端的距离
    $("div").offset().top-$(window).scrollTop; div到可视窗口顶端的距离(用总的距离-滚动的距离可得到)

    2、$("div").position().left; 把div转化成类似定位的形式,即把自身的margin去掉,再计算自己到有定位的父级的距离,如果父级都
    没有定位,则是计算div到文档的距离,top同理。

    3、$("div").width() ; div的宽度(不包括内外边距和边框)
    $("div").innerWidth(); div的宽度加上padding
    $("div").outerWidth(); div的宽度加上padding+border
    $("div").outerWidth(true); div的宽度加上padding+border+margin

    4、$(document).height() ; 整个文档的高度,宽度同理。
    $(window).height(); 可视窗口的高度
    $(window).scrollTop(); 滚动条滚动的距离(即滚动条顶端到文档顶端的距离)
    当滚动条滚到最低端时:$("document").height()==$(window).height()+$(window).scrollTop();
    当网页高度小于浏览器窗口时:$(document).height()返回的是$(window).height();
    假如要获取整个文档的高度,不建议用$("html").height()、$("body").height()的高度,原因:$("body").height():body可能会有边框
    ,获取的高度会比$(document).height()小; $("html").height():在不同的浏览器上获取的高度的意义会有差异,说白了就是浏览器
    不兼容。

    $(window).scrollTop(); ==$(document).scrollTop()==$("html").scrollTop(); 但是$(window).scrollTop()可被所有的浏览器支持,
    其它则不行。

    5、事件对象:event
    ev.pageX 相对于文档的横坐标
    ev.pageY 相对于文档的纵坐标
    ev.which==ev.keyCode 获取键值
    ev.preventDefault(); 阻止默认事件
    ev.stopPropagation(); 阻止冒泡
    return false; 既阻止默认事件 又阻止冒泡

  • 相关阅读:
    Windows Server 2008 R2 免费使用 7200天 激活
    ceph部署步骤
    for循环间隔修改(解决把以空格隔开需要把一整行作为整体)
    my_learn
    fiddler-抓包
    基础软件搭建
    【原创】一层Nginx反向代理K8S化部署实践
    【原创】K8S使用ceph-csi持久化存储之CephFS
    【原创】K8S使用ceph-csi持久化存储之RBD
    [原创]自动化部署K8S(v1.10.11)集群
  • 原文地址:https://www.cnblogs.com/annie211/p/6051488.html
Copyright © 2011-2022 走看看