Как изменить появление элементов в зависимости от скролла?

Question

[rinatoptimus]

jsfiddle.net/rinatoptimus/0mgo1or4 - как сделать так, чтобы подсказки появлялись либо сверху, либо снизу, в зависимости от прокрутки страницы.
Если страница прокручена вниз и над меню нет места, подсказки должны выплывать ПОД меню, а если место над меню есть, соответственно, подсказки должны выплывать НАД меню.

Comments

[Равшан Абдулаев]

Вы уточняйте что это bootstrap, www.w3schools.com/bootstrap/bootstrap_tooltip.asp
Tip: You can also use the data-placement attribute with a value of "auto", which will let the browser decide the position of the tooltip. For example, if the value is "auto left", the tooltip will display on the left side when possible, otherwise on the right.

вариант auto чем вас не устраивает?

Answer 1

[Мак Алексей]

Использовать element.scrollTop, scrollTop() (для jQuery).

Answer 2

[profesor08]

Вот вам наглядный пример. Под свои требования оформите запросто.

var element = document.querySelector("#menu");
document.onscroll = function() {
    if (document.body.scrollTop > 200 && document.body.scrollTop < (document.body.scrollHeight - 500)) 
    {
        element.style.display = "block";
    }
    else
    {
        element.style.display = "none";
    }
};