如何創建這樣的鏈接

-4

http://preview.themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/full_screen_preview/5484319 如何創建這樣的鏈接

響應粘導航，當你向上滾動一定PX進入屏幕關閉並重新某些像素滾動之後，並再次可見頂部爲一個固定的導航欄

來源

2017-10-10 Mr.Ra

你好，歡迎堆棧溢出！請參閱[Tour]，閱讀[問]以及如何創建[mcve]。發佈一些你已經嘗試過的代碼。就目前而言，您的問題對於我們來說過於寬泛，無法有效幫助您。我們會幫你解決一個特定的問題，但不會爲你寫。這就是網絡的美麗：你想看看它是如何完成的，檢查頁面。該代碼已經在那裏爲你... – msanford

-1

HTML

<nav id="nav">NAV BAR</nav>

CSS

body{ 
    margin:0; 
    height:200vh; 
} 
#nav{ 
    width:100vw; 
    height:10vh; 
    background-color:black; 
    color:white; 
    text-align:center; 
    line-height:10vh; 
}

$(document).ready(function(){ 
    var hiding = false; 
    var height = $('#nav').outerHeight();//the certain pixel 
    $(document).scroll(function(){ 
    var scroll = $(document).scrollTop(); 
    if (scroll >height){ 
    $('#nav').css({'position':'fixed','top':'0','left':'0'}, 300); 
     if(hiding == false){ 
     $('#nav').css('display','none'); 
     $('#nav').slideDown(); 
     hiding= true; 
     } } else if(scroll <height) { 
     $('#nav').css('position','relative'); 
     hiding = false; 
     } 
    }); 
});

Live Demo

來源

2017-10-10 13:09:34

請告訴我爲什麼你downvote然後我可以修復自己。 –

歡迎您=） –

如何創建這樣的鏈接

回答

相關問題