定远纪检监察网

定远纪检监察网是一个专注于纪检监察工作的官方网站,为纪检监察工作者提供了一个交流学习、工作总结的平台。网站内容涵盖了纪检监察工作的各个方面,包括政策法规、工作动态、典型案例等,旨在提高纪检监察工作的水平和效率。

页面样式

在页面中,我们使用了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()函数用于实现右侧底部元素的自动下移功能。在这个示例中,我们没有具体的元素样式和需求,所以这个函数暂时没有实际操作。你可以根据自己的需求添加相应的代码来实现这个功能。