(滾動出現)固定導航條
阿新 • • 發佈:2018-08-06
move script tle lock padding class lse win 距離
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } img{ display: block; margin: 0 auto; } .menu.f{ position: fixed; top: 0; left: 50%; margin-left: -800px; } </style> <script src="../1.10.2.jquery.min.js"></script> </head> <body> <img src="img/01.jpg" /> <img src="img/02.jpg" class="menu" /> <img src="img/03.jpg" /> </body> <script> $(window).scroll(function(){ // 獲得滾動上去的距離 var st=$(document).scrollTop(); document.title=st; if(st>194){ $(".menu").addClass(‘f‘); }else{ $(‘.menu‘).removeClass(‘f‘); } }) </script> </html>
(滾動出現)固定導航條