HTML代码： 复制代码 代码如下: <div class="float" id="float"> 我是个腼腆羞涩的浮动层... </div> JS代码： 复制代码 代码如下: var $smartFloat = function(elements) { var position = function(element) { var top = element.getPosition().y, pos = element.getStyle("position"); window.addEvent("scroll", function() { var scrolls = this.getScroll().y; if (scrolls > top) { if (window.XMLHttpRequest) { element.setStyles({ position: "fixed", top: 0 }); } else { element.setStyles({ top: scrolls }); } }else { element.setStyles({ position: "absolute", top: top }); } }); }; if ($type(elements) === "array") { return elements.each(function(items) { position(items); }); } else if ($type(elements) === "element") { position(elements); } }; //绑定 $smartFloat($("float"));

　　推荐阅读

　　30个精美的jQuery幻灯片效果插件和教程

这是一种在有限的网页空间内展示更多内容的良好方式，而且能吸引用户注意力。如果你想知道这是如何实现的，那么本文收集的30个幻灯片插件和教程将帮助您实现这种效果。 JCOVERFLIP Live Demo CREATE A CUSTOM I>>>详细阅读

本文标题：MooTools 页面滚动浮动层智能定位实现代码

地址：http://www.17bianji.com/kaifa2/JS/24253.html

 1/2    1