Luôn nhìn thấy div khi di chuyển

Question

Trên trang aspx của tôi, tôi có hai phần bên trái và bên phải. Tôi muốn hiển thị luôn luôn bên trái (mà thực sự là một 'div' containig treeview) trong khi di chuyển phía bên phải (đó là nội dung thực tế của trang). Cảm ơn

Answer 1

Bạn cần đặt position: fixed; trên phần tử div. Điều đó sẽ neo nó vào khung nhìn.

Answer 2

Bạn cần đặt vị trí của div thành Cố định trong CSS. Xem this link để biết thêm thông tin. Bạn sẽ cần phải thiết lập vị trí bằng cách sử dụng đầu và bên trái trong css cũng vì vậy nó biết nơi để sửa chữa nó!

Answer 3

Xin chào, tôi đã tìm ra giải pháp tốt nhất! Như mọi khi JQUERY tiết kiệm cuộc sống của tôi !!

Chỉ cần đặt một Div được gọi là bạn wan, tôi đã chọn giống như trong ví dụ bên dưới: #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> 

Tôi lấy mã đó từ một trang web, nó hoạt động và nó khá dễ hiểu.

Answer 4

Vấn đề là khi khối di chuyển, nó được chú ý và khả năng tập trung vào việc đọc.

Để khắc phục điều này bằng cách sử dụng chức năng này.

Mã này là hoàn hảo:

(thay đổi "220" và "46px" nếu cần thiết)

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

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