Блог

Я должен держать элемент в поле зрения во время прокрутки. я сделал это, и это отлично работает во всех браузерах, но не с точки зрения разумного разрешения.

    $(function() {
            var offset = $(".sysIcons").offset();
            var topPadding = 15;
            $(window).scroll(function() {
                if ($(window).scrollTop() > offset.top) {
                    $(".sysIcons").stop().animate({
                        marginTop: $(window).scrollTop() - offset.top   topPadding
                    });
                } else {
                    $(".sysIcons").stop().animate({
                        marginTop: 0
                    });
                };
            });
        });
  

он отлично работает в 1024 x 768, 1280 x 735,

Но не в формате 1360X768, — проблема в том, что при прокрутке до конца окна она не остановится. постоянно анимируйте во время прокрутки.

пожалуйста, помогите мне

Вам не нужен jQuery, чтобы получать элемент в поле зрения во время прокрутки, вы можете использовать свойство CSS position , чтобы он отображался постоянно, включая прокрутку:

 #elementID {
  position:fixed;
  /* more styles */
}
  

position:fixed не работает в IE6, но кого это волнует в наши дни 🙂

Это может сделать то, что вы ищете.

http://imakewebthings.com/waypoints/shortcuts/sticky-elements/ Основной сайт: http://imakewebthings.github.com/jquery-waypoints/ Github: https://github.com/imakewebthings/waypoints

Вы можете использовать position: fixed , если вас не волнует IE6.