0

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

4

1 回答 1

2

既然你要求一个图书馆,这里是jQuery。如果 CSS可用,它会使用CSS ,如果需要,它 会优雅地降级为 javascript 方式。position: fixed

[看到它在行动]

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);
}

})();
于 2010-07-14T11:25:49.440 回答