2014-01-30 27 views
0

我設計了一個客戶端的移動網站。一個div出現在頁腳上,它有一個類別列表,我必須給出一個垂直滾動。滾動內部的div也滾動它後面的內容到達結束(移動HTML)

我想要的是,當div內的滾動結束時,身體不應該滾動,直到我關閉這個div。

這裏是我的網站http://ketchupdesigns.com/jwmobile/

一個鏈接,下面是該分區(開格下「裴家」)

enter image description here

,當我們滾動這個div裏面,它到達一個圖片它的結束,那麼,如果我們滾動......其背後的滾動體(如下面的圖像中顯示)

enter image description here

請儘可能幫忙。

+0

你是不是打開底部彈出後頁面不應該滾動? –

+0

我的意思是當我們在打開的div內滾動時,它後面的主體不應該滾動,直到我們關閉那個打開的div –

回答

2

車身滾動的效果可以通過CSS屬性被刪除,overflow: hidden

通過使用JQuery添加這個類的身體的時候彈出窗口打開創建CSS類

.no-scroll 
{ 
    overflow: hidden; 
} 

這會導致身體不滾動。

$("body").addClass("no-scroll"); 

,因爲它會縮小,使其滾動儘快刪除它再次

$("body").removeClass("no-scroll"); 

我希望這會爲你工作...

好運!