Всегда видимый div при прокрутке

Question

На моей странице aspx у меня есть две левые и правые части. Я хочу показать всегда левую сторону (на самом деле это «div» tree tree), прокручивая правую часть (это фактическое содержимое страницы). Спасибо

Answer 1

Вам нужно поставить position: fixed; на элемент div. Это привяжет его к окну просмотра.

Answer 2

Вам нужно установить положение div в значение Fixed в CSS. См. this link для получения дополнительной информации. Вам нужно будет установить положение, используя верхнюю и левую клавиши в css, чтобы он знал, где его исправить!

Answer 3

Привет, я нашел лучшее решение! Как всегда, JQUERY спасает мою жизнь !!

Просто положите 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> 

Я принял этот код с веб-сайта, он работает, и это довольно легко понять.

Answer 4

Проблема в том, что когда блок перемещается, он получает внимание и способность сосредоточиться на чтении.

Чтобы исправить это, используя эту функцию.

Этот код является совершенным:

(изменить "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",'')    
     } 
     });