Как отследить CSS свойство у элемента?

Question

[viktorulyushev]

Мне нужно получать свойство у элемента и в зависимости от значения этого свойства применять свойство к классу.В моем случает мне нужно отслеживать свойство bottom у класса,и если оно превышает к примеру 400 px,то отдавать классу свойство.Но я не знаю как отслеживать свойство динамически.

$(function () {
    var p = $(".menu-fixed-bottom");
    var offset = p.offset();
    p.html("left: " + offset.left + ", top: " + offset.top);
    if (offset.top >= 400) {
        $('.menu-fixed-bottom').css('display', 'none');
    } else {
        $('.menu-fixed-bottom').css('display', 'none');
    }
});

Answer 1

[iBird Rose]

при каких действиях bottom меняется? скорее всего при скролле. вот и вешай на событие on scroll - и будешь отслеживать динамически

Comments

[viktorulyushev]

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

[iBird Rose]

viktorulyushev: да. это on scroll. свой скрипт запускай и при загрузке страницы и по событию on scroll

[viktorulyushev]

вот к примеру сайт topradar.ru если зайти с мобилки то поймете о чем я говорю,

[viktorulyushev]

iBird Rose: onscroll отсчитывает относительно всей страницы же,а мне не так надо

Answer 2

[Mi7teR]

window.onscroll = function() {
  var p = $(".menu-fixed-bottom");
    var offset = p.offset();
    p.html("left: " + offset.left + ", top: " + offset.top);
    if (offset.top >= 400) {
        $('.menu-fixed-bottom').css('display', 'none');
    } else {
        $('.menu-fixed-bottom').css('display', 'none');
    }
}

Comments

[viktorulyushev]

мне нужно не относительно всей страницы,а окна которое сейчас

[Mi7teR]

viktorulyushev: window замените на $('#elementId'), я думаю нужно так )

[viktorulyushev]

Mi7teR: че то никак(