1 Востаннє редагувалося RatZingar (11.05.2016 17:39:54)

Тема: Як зафіксувати div при скролі?

Доброго часу доби, як можна реалізувати абсолютне позиціювання елементу <div> при досяганні висоти відносно початку сторінки 1000px таким чином, щоб і попередній скрипт також функціонував. Проблема в тому, що при додаванні ще однієї умови з "offset >(<) px" не функціонує. Дякую за увагу.
https://jsfiddle.net/cr4wrbw2/13/

2

Re: Як зафіксувати div при скролі?

Розібрався  :)

3

Re: Як зафіксувати div при скролі?

а розвязком поділитись?))

Подякували: Yola, fanatp2

4

Re: Як зафіксувати div при скролі?

щось таке вийшло:)

$(document).ready(function () {
        $(window).scroll(function () {
            var offset = document.documentElement.scrollTop;
            var $back = $('#фіксована-кнопка');
            if (offset > 420 || $(window).scrollTop() > 420) {
                $back.addClass("клас-з-фікс-позиціюванням");
            }
            else {
                $back.removeClass("клас-з-фікс-позиціюванням");
            }
        });
});

var table_top = $("елемент, до якого вираховуєм висоту з урахуванням скролу").offset().top;

var div = document.getElementById('фіксована-кнопка');
    window.onscroll = function() {
    if (window.pageYOffset > table_top) {
      div.classList.add('клас-фіксування-кнопки-внизу');
    }
    else if (window.pageYOffset < table_top) {
      div.classList.remove('клас-фіксування-кнопки-внизу');
  }
};
Подякували: 221VOLT, Yola2

5

Re: Як зафіксувати div при скролі?

спасибі вам,
нарешті я зрозумів запитання, і тепер зможу спокійно заснути :)))