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

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

Ответ 1

Привет, я нашел лучшее решение! Как всегда, 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>

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

Ответ 2

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

Ответ 3

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

Ответ 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",'' )             
        }
        });