Библиотека Javascript для автоматической прокрутки div, зафиксированного слева от страницы

StackOverflow https://stackoverflow.com/questions/3245423

Вопрос

Мне нужна библиотека 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);
}

})();
Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top