我該如何實現這種CSS/JS效果？

-3

如何才能實現頂部圖像，然後固定本網站的頂部導航欄效果？具體來說，頂部導航欄在頂部滑動圖像插件上滾動的方式會變得固定。 http://www.creuna.se/我該如何實現這種CSS/JS效果？

來源

2012-11-09 Barney

請把您的問題至少一些調查努力 – keaukraine

我不知道雖然..這並不是那麼簡單的效果。如果你不知道如何做，那麼爲什麼要麻煩評論？你在浪費你的時間和我的時間。 – Barney

您是否查看源代碼，使用開發工具？ – Kyle

這裏是示例和鏈接你如何實現你可能需要一個JQuery插件來創建這樣的頭部滑塊

http://cssglobe.com/lab/easyslider1.7/01.html

對於滾動過去之後堅持的導航欄中的標題：下面是簡單的代碼片段和演示 HTML：

<div id="container"> 
    <div id="navwrap">NAV WRAP</div> 
</div>

的Javascript：的

function fixDiv() { 
    var $div = $("#navwrap"); 
    if ($(window).scrollTop() > $div.data("top")) { 
     $('#navwrap').css({'position': 'fixed', 'top': '0', 'width': '100%'}); 
    } 
    else { 
     $('#navwrap').css({'position': 'static', 'top': 'auto', 'width': '100%'}); 
    } 
} 

$("#navwrap").data("top", $("#navwrap").offset().top); 
// set original position on load 
$(window).scroll(fixDiv);

演示以上在JsFiddle http://jsfiddle.net/5ADzD/1/

參考文章：Sticking Div to Top After Scrolling Past it 希望這有幫助。

來源

2012-11-09 08:53:32 vendettamit

輝煌，謝謝！ :) – Barney

不知道如果我得到你的權利，但也許這可以幫助你：

http://api.jquery.com/show/

具有非常高的價值，你可以做到這一點的圖片均在非常緩慢：

$(document).ready(function() { 
    $("#nav").show(6000); 
});

來源

2012-11-09 08:24:13 mcknight

我該如何實現這種CSS/JS效果？

回答

相關問題