淡出一個div時滾動擊中另一格

排序的這個問題涉及的底部，這一個：Append div to body when URL hash # changes 淡出一個div時滾動擊中另一格

我使用Curtain.js，目前我有一個固定的DIV彈出的哈希值發生變化的時候。當用戶向下滾動頁面到不同的面板時，分區淡入。我不希望這個div在第一個面板上可見。

的問題我現在是，當訪問者滾動備份頁面頂部的固定股利仍是可見的。即出現在第一個面板的頂部。我希望在第一個面板的底部儘快淡出這個div。另一個問題是，面板的高度調整到瀏覽器窗口（流體/響應式佈局）的高度排除任何固定像素JS的解決方案，這是我的代碼是基於：

// fade in/fade out banner titles 
$(window).trigger('scroll'); 

var divs = $('.nav-wrap'); 
$(window).scroll(function(){ 
    if($(window).scrollTop() < 550){ 
     divs.fadeOut("slow"); 
    } else { 
     divs.fadeIn("slow"); 
    } 
});

任何人有任何建議??

來源

2012-07-12 egr103

什麼是當前解決方案的問題？ – undefined 2012-07-12 18:31:03

那麼代碼只會從瀏覽器窗口的頂部淡入550個像素的div，導致不同大小的屏幕上出現不同的結果。它目前在頂部面板上淡出，我希望它在固定div碰到第一塊麪板的底部時立即淡出，從而在底部消失。 – egr103 2012-07-12 18:33:36

貌似也是[官方網頁]（http://curtain.victorcoulon.fr）擁有目前在Firefox中正確顯示的問題。突然之間，一切消失在顯示器上。否則，它似乎是不錯的插件！ – Stano 2012-07-12 18:40:32

可以使用window.height()返回瀏覽器的視口的高度：

var vp = $(window).height(); // height of the browser's viewport 
var divs = $('.nav-wrap'); 
$(window).scroll(function(){ 
    if($(window).scrollTop() < vp){ 
     divs.fadeOut("slow"); 
    } else { 
     divs.fadeIn("slow"); 
    } 
});

來源

2012-07-12 18:35:07 undefined

作品感謝！簡單，但我正在學習JS。在同一時間有一天@ egr103歡迎你:) – egr103 2012-07-12 18:44:24

，我也一樣，我學你一樣，它的聲音，你正在學習非常好，好運:) – undefined 2012-07-12 19:04:01

淡出一個div時滾動擊中另一格

回答

相關問題