滾動時始終可見div

在我的aspx頁面上，我有兩個左右部分。在滾動右側（它們是頁面的實際內容）的同時，我想始終顯示左側（實際上是'div'containsig treeview）。謝謝滾動時始終可見div

來源

2012-01-24 M Usman Shafique

請選擇您喜歡的答案@M烏斯曼Shafique先生 – Despertaweb

你需要把position: fixed;放在div元素上。這將把它錨定到視口。

來源

2012-01-24 13:24:42 danbee

謝謝，但我使用IE7哪裏位置：固定不起作用 –

忘掉ie7和舊版本，這是浪費時間，老兄;） – Despertaweb

當div的高度大於視口時你會怎麼做。 –

您需要將div的位置設置爲固定在CSS中。有關更多信息，請參閱this link。您需要使用頂部和左側的CSS來設置位置，以便知道修復它的位置！

來源

2012-01-24 13:25:40

嗨，我找到了最好的解決方案！一如往常JQUERY拯救我的生命！

只要把一個叫做wan的Div，我在下面的例子中選擇了相同的：#scrollingDiv。

<script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
<script> 
    $().ready(function() { 
     var $scrollingDiv = $("#scrollingDiv"); 

     $(window).scroll(function(){    
      $scrollingDiv 
       .stop() 
       .animate({"marginTop": ($(window).scrollTop())}, "slow");   
     }); 
    }); 
</script>

我把代碼從一個網站，它的工作原理，它是很容易理解的。

來源

2013-04-10 10:30:54 Despertaweb

問題是，當塊移動時，它會受到注意力和專注於閱讀的能力。

使用此功能進行補救。

此代碼是完美的：

（其他城市「220」和「46px」如果需要的話）

var $scrollingDiv = $("#scrollingDiv"); 

$(window).scroll(function(){  
if ($(window).scrollTop()>220)  { 
      $scrollingDiv 
       .css("position",'fixed') 
       .css("top",'46px')   
     } else { 
$scrollingDiv 
       .css("position",'')  
       .css("top",'')    
     } 
     });

來源

2014-12-24 01:22:33 user3609824

滾動時始終可見div

回答

相關問題