Javascript库对固定在页面左侧的div进行自动滚动

Question

我想要一个JS库，它可以让我建立一个有吸引力的菜单，该菜单对于用户始终在屏幕左侧始终可见。 到中间

Answer 1

既然您已经请求了一个库，那么这里就是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);
}

})();