Jquery固定Div在页面顶部
html:<div id="uberbar"><a href="#top">Top of Page</a><a href="#bottom">Bottom of Page</a></div> CSS:
#uberbar{ border-bottom:1px solid #eb7429; background:#fc9453; padding:10px 20px; position:fixed; top:0; left:0; z-index:2000; width:100%;} Jquery JavaScript:
$(document).ready(function() {(function() {//settingsvar fadeSpeed = 200, fadeTo = 0.5, topDistance = 30;var topbarME = function() { $('#uberbar').fadeTo(fadeSpeed,1); }, topbarML = function() { $('#uberbar').fadeTo(fadeSpeed,fadeTo); };var inside = false;//do$(window).scroll(function() {position = $(window).scrollTop();if(position > topDistance && !inside) {//add eventstopbarML();$('#uberbar').bind('mouseenter',topbarME);$('#uberbar').bind('mouseleave',topbarML);inside = true;}else if (position < topDistance){topbarME();$('#uberbar').unbind('mouseenter',topbarME);$('#uberbar').unbind('mouseleave',topbarML);inside = false;}});})();});
页:
[1]