重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1、在所有的页面中出现相同的footer
站在用户的角度思考问题,与客户深入沟通,找到察哈尔右翼后网站设计与察哈尔右翼后网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站制作、成都做网站、外贸营销网站建设、企业官网、英文网站、手机端网站、网站推广、域名申请、网络空间、企业邮箱。业务覆盖察哈尔右翼后地区。
2、这些footer使用相同的data-id
3、在激活的页面对应的导航上添加两个class:ui-btn-active ui-state-persist
其实所谓的网页滚动条固定就是一个简单的判断
function scrollLis(){
var toTop = offs.top-$(window).scrollTop();
if(toTop==0||toTop0){
if(!$('.fixed-div').hasClass('add-fixed-div'))$('.fixed-div').addClass('add-fixed-div');
}else{
$('.fixed-div').removeClass('add-fixed-div');
};
};
var offs=$('.fixed-div').offset();
$(window).scroll(function(){
scrollLis();
});
我解释下代码:
在你的nav class 同时加入.fixed-div
然后在css样式表中add-fixed-div写上绝对定位
scrollLis 滚到.fixed-div的时候就会添加一个add-fixed-div 而add-fixed-div他里面有一个绝对定位的css (position:fixed)这样就完成了导航固定了
在解释下
var offs=$('.fixed-div').offset();
$(window).scroll(function(){
scrollLis();
});
这个是判断回滚的时候取消固定
$(window).scroll(function() {
先判断导航距离顶部的位置,满足要求之后,将他的position改成fixed, 这样就固定了。
});