从品牌网站建设到网络营销策划,从策略到执行的一站式服务
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, 这样就固定了。
});
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图