定远纪检监察网
定远纪检监察网是一个专注于纪检监察工作的官方网站,为纪检监察工作者提供了一个交流学习、工作总结的平台。网站内容涵盖了纪检监察工作的各个方面,包括政策法规、工作动态、典型案例等,旨在提高纪检监察工作的水平和效率。
页面样式
在页面中,我们使用了jQuery库来实现页面的滚动事件监听和元素的动态定位。通过moveDiv()
函数,我们实现了右侧导航栏在页面滚动时的自动居中效果。同时,我们还定义了一个moveRightBottomDiv()
函数,用于实现右侧底部元素的自动下移功能。
$(function() {
moveDiv(); //页面初始化执行
$(window).scroll(function(){
moveDiv();
moveRightBottomDiv();
});
});
moveDiv()
函数
moveDiv()
函数用于实现右侧导航栏在页面滚动时的自动居中效果。首先,我们获取了滚动条上端隐藏的高度(scrollTop
)和网页内容区高度(clientHeight
),然后根据导航栏的高度(hei
)计算出新的垂直位置(newPosY
),最后将导航栏的位置设置为新的垂直位置。
//右侧居中
function moveDiv() {
var scrollTop = $(document).scrollTop(); //滚动条上端隐藏的高度
var clientHeight = $(window).height(); //网页内容区高度
//设置位置为
var hei = $("#div_nav_zone_right").css("height");
hei = hei.replace("px","");
var newPosY = scrollTop + (clientHeight-hei)/2;
$("#div_nav_zone_right").css("top",newPosY+"px");
}
moveRightBottomDiv()
函数
moveRightBottomDiv()
函数用于实现右侧底部元素的自动下移功能。在这个示例中,我们没有具体的元素样式和需求,所以这个函数暂时没有实际操作。你可以根据自己的需求添加相应的代码来实现这个功能。