2014-09-24 53 views
0

第一,對不起我的英文不好...股利淡入與特定條件

好吧,這裏的情況:

我有一個單頁的網站與導航欄,看起來像這樣

<ul> 
    <li><a href="link1">#section1</a></li> 
    <li><a href="link2">#section2</a></li> 
</ul> 

Additonally我有一個jquery腳本運行,淡入淡出的導航欄,並添加或刪除類。選擇列表項目與當前在屏幕上可見的編號(滾動)的鏈接。

而現在這裏的問題:我想抓住與.selected類,例如鏈接

「#section2」,然後我想讓div可見。

也許我在想太複雜。 窮人問題是: 請在特定網站上向我顯示特定的div。 我認爲已經運行的腳本可以提供幫助。 也許我錯了。

請幫幫我!

謝謝

編輯:

嘗試在此創建不好擺弄向下滾動,只在應該出現第2頁DIV ID的問題2頁上) ! http://jsfiddle.net/2a555dyy/

+0

編輯!插入正確的小提琴... – user3449855 2014-09-24 16:23:33

回答

1

如果這不是解決方案,你可以追加一個jsfiddle嗎? :)

$('a.selected').click(function() { 
     $('.sites').fadeOut(); 
     $('#side1 .myDiv').fadeIn(); 
}); 

在這裏找到我的例子:

http://jsfiddle.net/h7wwe8xg/

0

在哪裏格(要打開和關閉)位置? 我想你可以用簡單的CSS來顯示/隱藏div。

.div {display: none} 
#section2 .div {display: block} 

您可以使用spyscroll提供的掛鉤來做一個發燒友動畫(淡入/淡出)。快速研究讓我覺得這是可能的:

$('.tile').on('scrollSpy:enter', function() { 
    // put your fade in code here 
}); 

$('.tile').on('scrollSpy:exit', function() { 
    // fadeout code here 
});