一旦我在特定的部分內滾動，使某個id disapear？

一旦我滾動特定部分ID（「＃performance-graphs」），試圖製作特定的ID（#logo）disapear，隱藏的ID必須在我滾出該部分後再次顯示自己。一旦我在特定的部分內滾動，使某個id disapear？

請看我下面的代碼，目前的id不起作用，但想法是存在的，不知道我做錯了什麼。基本上，我試圖通過去掉圖表部分中的徽標來使主標題變小。

jQuery代碼

<script type="text/javascript"> 
$(document).ready(function() { 
$('#performance-charts').scroll(function() { 
var scroll = $('#performance-charts').scrollTop(); 
if (scroll > 10) { 
$('#logo').css("display", "hidden").fadeOut(250); 
} 
else { 
$('#logo').css("display", "block").fadeIn(250); 
} 
}); 
}); 
</script>

HTML片段BODY

<section id="performance-graphs"> 
<a id="performance-graphs"></a> 
<div class="double-space"></div>  
    <div class="centered-wrapper"> 
     <h1 class="section-title">charting performance</h1> 

............................................................... 

</div> 
</section>

HTML片段報頭

<span itemscope itemtype="http://schema.org/LocalBusiness"><header id="fixed" class="solid-header"> 
    <div class="centered-wrapper"> 
    <div itemscope itemtype="http://schema.org/Service"><div itemprop="ServiceType" content="Asset and Fund Management"></div></div> 
    <div id="logo"><a href="../index.html"><img src="../images/value_images/VPM_global3a.png" alt="White Fleet Globel Select Opportunities"></a> 
     <p><a href="http://www.valueportfolio.co.za" target="_blank" class="link">LU0721514452:USD - Managed by Value Portfolio Managers (Pty) Ltd</a></p></div> 
    <a href="../index-backup.html" title="Value Portfolio Home Page"></a><br> 
    <a class="nav-btn"><i class="fa fa-bars"></i><span>Menu</span></a>BaB

您的幫助將不勝感激。

來源

2014-11-24 jasonh

嘿。你可以請你做一個[FIDDLE]（http://jsfiddle.net/）與你的代碼和可能性看到問題？ – 2014-11-24 09:21:21

嗨感謝您的迴應，非常不願意將網站直播，直到它準備好了，我已經創建了一個Jfiddle使用一些基本的更新代碼。 http://jsfiddle.net/Jason1975/r81r61q4/基本上，一旦我滾動到部分（＃表現圖）我需要徽標詮釋他disapear和當我滾出該部分我需要再次顯示徽標。 – jasonh 2014-11-24 09:50:05

感謝您的示例代碼。用小提琴做了個答案。 – 2014-11-24 10:13:47

好的，你去吧。我用你的小提琴和更新它HERE

基本上你有壞的代碼，因爲一個ID應該是唯一的！（我只是增加了一個charakter到複製ID之一

我剛剛更新了你的JS代碼是這樣的：

if ($(document).scrollTop() > $('section#performance-graphss').offset().top) {

因爲你需要你的圖形容器offset().top和比較它的滾動位置在qhole文件

編輯：

這是否FIDDLE幫助

0？

我只是增加了一個檢查隱藏元素：

$('section#performance-graphss').offset().top + $('section#performance-graphss').height() > $(document).scrollTop()

所以，當你滾過容器的標識獲取display: blick;一次。

小心我添加的CSS：容器需要一個高度。

#performance-graphss { 
    width: 100%; 
    height: 700px; 
    display: block; 
}

來源

2014-11-24 10:06:33

這很好，後面有一段我會如何使代碼變得糟糕，以至於一旦我滾動通過圖形部分，徽標就會回來。 – jasonh 2014-11-24 11:03:39

剛剛更新了我的答案。 – 2014-11-24 11:40:25

謝謝你的幫助。 – jasonh 2014-11-24 13:33:07

一旦我在特定的部分內滾動，使某個id disapear？

回答

相關問題