如何讓左div固定，因爲它到達其結束，直到正確的更大的div完成

我有2個並行divs，當頁面滾動和特定div到達其結束時我需要停止滾動，但繼續滾動其他DIV。 For better example see this website left Div How it Sticks 如何讓左div固定，因爲它到達其結束，直到正確的更大的div完成

來源

2016-09-28 Nikhil Mourya

你想在其他分區，以留在當前還是保持向上滾動？ –

@joey木我的左div有content.so它需要滾動，直到結束，然後使其固定 –

嘗試類似this。基本上，每當頁面滾動時，這將檢查你在頁面中的位置，並且可以基於該頁面進行切換。我建議一旦你到達屏幕上的那一點做一個（你想要修復的元素）.addClass（）

來源

2016-09-28 01:53:43

你可以這樣做。引用工作演示。

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
\t <title></title> 
 
\t <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
\t 
 
</head> 
 

 
<style type="text/css"> 
 
.left{ 
 
    width: 200px; 
 
    height: 200px; 
 
    background-color: orange; 
 
    position: fixed; 
 
    left: 0; 
 
    top: 0; 
 

 
} 
 

 
.right{ 
 
    width: 400px; 
 
    height: 1500px; 
 
    background-color: gray; 
 
    position: absolute; 
 
    right: 0; 
 
    top: 0; 
 

 
} 
 

 
.right h1{ 
 
    position: absolute; 
 
    bottom: 0; 
 
} 
 

 

 
</style> 
 

 

 
<body> 
 

 
<div class="left">I am the left div</div> 
 
<div class="right">I am the right div 
 

 
<h1>bottom</h1> 
 
</div> 
 

 

 

 
<script type="text/javascript"> 
 

 

 
</script> 
 

 

 

 

 
</body> 
 

 

 
</html>

來源

2016-09-28 03:50:07

謝謝，但我的左div有內容，所以它需要滾動，直到最後 –

更改您的左div高度作爲您的需要 –

我舉了一個網站的例子來看看它 –

如何讓左div固定，因爲它到達其結束，直到正確的更大的div完成

回答

相關問題