DIV двигаться вверх при прокрутке вниз

Question

Я пытался заставить DIV двигаться вверх при использовании прокрутки в браузере для перемещения вниз, но я не могу найти решение, которое работает.

Более конкретно, например, если я заполняю DIV изображениями, я хочу, чтобы эти изображения прокручивались вверх, когда я прокручивал полосу прокрутки окна браузера вниз. Поэтому, когда вы продвигаетесь вниз по странице, DIV перемещается вверх и показывает больше изображений.

Не могли бы вы дать мне несколько советов, как получить такой эффект?

Answer 1

Попробуйте что-то вроде этого:

$(window).scroll(function(){            
    $("#scrollingDiv").stop().animate({ "marginTop": ($(window).scrollTop() + 30) + "px"}, "slow"); 
});

Answer 2

Я не совсем понимаю, что вы пытаетесь сделать с контентом <div>, но есть простой способ обнаружить прокрутку страницы с помощью jQuery:

$.scroll(function() {
    alert('Scroll position: ' + $('html').scrollTop());
});

Отсюда вы можете расположитьвсе, что вы хотите, как вы хотите, используя это значение $('html').scrollTop().

Answer 3

Может быть, я неправильно понимаю, но пытаетесь ли вы держать DIV в фиксированном положении независимо от того, как далеко пользователь прокручивает страницу вниз?

Если есть, то для этого есть стиль:

position:fixed