jQuery元素位置

2022-03-09 428 阅读1分钟

元素相对页面的位置

offset() 读写 返回一个对象，里面包含一个x信息和一个y信息, 相对页面左上角坐标
设置值 :$(selector).offset({top:xxx,left:xxx}) 
top|left值: 不写单位

获取值 $('div').offset().top

    //获取div相对页面的位置
    $('div').offset()//得到的是一个对象{left:值，top:值}
    
    //给div设置相对页面的位置
    $('div').offset({left:100,top:100})

元素相对于父元素的偏移量（他的父亲一定要有定位）

position() 只读
返回一个对象，里面包含一个x信息和一个y信息,
相对元素定位关系获坐标值，
如果你定位元素 
right和bottom, 那么会自动计算成left和top

    //获取div相对于父元素的偏移量（定位值）
    $('div').position()

获取页面卷去的高度和宽度

$(document).scrollTop();

获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
$(document).scrollLeft();

获取滚动条到左边的垂直宽度

通过css样式改变元素位置

    //获取div相对页面的位置
    $('div').offset()//得到的是一个对象{left:值，top:值}
    
    //给div设置相对页面的位置
    $('div').offset({left:100,top:100})