Библиотека Javascript для автоматической прокрутки div, зафиксированного слева от страницы
-
15-09-2020 - |
Вопрос
Мне нужна библиотека JS, которая позволит мне создать привлекательное меню, которое всегда видно пользователю в левой части экрана, прибл.до середины.
Решение
Поскольку вы запросили библиотеку, вот она. jQuery.Оно использует CSS position: fixed
если он доступен, и изящно деградирует при необходимости, к способу javascript.
[Посмотрите это в действии]
CSS
#menu {
position: absolute;
left: 0;
top: 50%;
/* ... */
}
Javascript
(function() {
var $menu = $("#menu");
var $window = $(window);
var menuHalfHeight = $menu.outerHeight() / 2;
var updateMenu = function() {
$menu.css({
"margin-top": - menuHalfHeight + $window.scrollTop()
});
};
var supportFixed = (function() {
$menu.css({ position: "fixed" });
updateMenu();
return $menu.offset().top > 0; // ~150
})();
if (!supportFixed) {
$menu.css({ position: "absolute" });
$window.scroll(updateMenu);
}
})();
Не связан с StackOverflow