1、在所有的頁面中出現(xiàn)相同的footer
站在用戶的角度思考問題,與客戶深入溝通,找到察哈爾右翼后網(wǎng)站設(shè)計(jì)與察哈爾右翼后網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個性化、用戶體驗(yàn)好的作品,建站類型包括:成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營銷網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名申請、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋察哈爾右翼后地區(qū)。
2、這些footer使用相同的data-id
3、在激活的頁面對應(yīng)的導(dǎo)航上添加兩個class:ui-btn-active ui-state-persist
其實(shí)所謂的網(wǎng)頁滾動條固定就是一個簡單的判斷
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 同時(shí)加入.fixed-div
然后在css樣式表中add-fixed-div寫上絕對定位
scrollLis 滾到.fixed-div的時(shí)候就會添加一個add-fixed-div 而add-fixed-div他里面有一個絕對定位的css (position:fixed)這樣就完成了導(dǎo)航固定了
在解釋下
var?offs=$('.fixed-div').offset();
$(window).scroll(function(){
scrollLis();
});
這個是判斷回滾的時(shí)候取消固定
$(window).scroll(function() {
先判斷導(dǎo)航距離頂部的位置,滿足要求之后,將他的position改成fixed, 這樣就固定了。
});