JQuery获取设置元素的大小,获取可见性区域高度,获取元素相对于浏览器的绝对位置,并设置顶部菜单。

作者:安尼      发布时间:2021-04-18      浏览量:0
获取并设置元素宽度()、高度()获取元素

获取并设置元素

宽度()、高度()获取元素的宽度和高度

内宽度()、innerHight()元素的宽度和高度

外部宽度()、outerH 8(),填充的宽度和高度

外部宽度(True)包括填充和边框,边框和边框的宽度和高度

获取元素相对于浏览器偏移量()

的绝对位置,获取可见区域的高度:$(Window)。高度()

/$(函数(){

//var$pos=$(‘pos’);

/var pos=$pos.偏移量();//获取绝对位置

/控制台.log(pos.左侧+‘,’+pos.top);//打印值

/var w=$pos.outerWidth()//包括填充和边框的宽度

/var h=$pos.outerHight();//包括填充和边框高度

/$(‘.POP’)。Css({

/左:pos.左侧+w,

//top:pos.top

/});

//$pos.mouseover(函数(){//鼠标移入

/$(‘.POP’).Show();//显示

//});

//$pos.mouseout(函数(){//鼠标移出

/$(‘.POP’).隐藏();//隐藏

/})

/};

//页面滚动事件:$(窗口).滚动(函数(){});

/获取页面滚动距离:$(Document).scroll top();.scroll Left();

$(函数()){

$(窗口)。执行以下代码

$(‘.Menu’)。CSS({//top菜单添加固定位置

位置:‘固定’,//在设置固定位置后,元素向上上升

顶部:‘0’,

左:‘50%’,

边沿左:‘-480’/-480是指菜单宽度

}的一半)

/显示占居层避免了以下元素击败

$(‘.Meno_pos’)。显示

{

$(

p>

//隐藏空格层

$(‘.Menu_pos’)。隐藏();//隐藏

如果(现在是top>;400]{//判断滚动顶是否大于400

$(‘.totop’)。FadeIn();/执行淡出效果

}ell{

$(‘.totop>>

$){/p>

/执行淡出效果

/返回到顶部

$(’.totop‘>)。单击(function(){//Add单击事件

$(‘html,body’)。