MooTools 页面滚动浮动层智能定位实现代码

更新时间：2011年08月23日 23:37:28 作者：

MooTools 页面滚动浮动层智能定位实现代码，需要的朋友可以参考下。

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

您可能感兴趣的文章:

Mootools 1.2教程 Tooltips
今天我们将来看一下MooTools绑定的Tooltip插件。通过“提示（Tips）”，你可以轻松地自定义一个包含一个标题和内容的工具提示，可以自定义样式，自定义淡入淡出渐变效果。
2009-09-09
Mootools 1.2教程滚动条（Slider）
到现在为止，初始化这些MooTools插件对象就会开始变得越来越熟悉。滚动条（Slider）没有任何不同，你要创建一个新的滚动条，定义滚动条和滑块相关的元素，然后设置你的选项，再创建一些回调事件的控制函数。
2009-09-09
Mootools 图片展示插件(lightbox,ImageMenu)收集集合
Mootools图片展示插件(lightbox,ImageMenu)收集，学习mootools的朋友可以参考，非常不错的效果。
2010-05-05
通过Mootools 1.2来操纵HTML DOM元素
今天我们来深入地学习一下如果操纵HTML元素。通过MooTools 1.2，你可以添加新元素到一个HTML页面中，也可以删除元素，以及改变任何样式或者元素参数，这些都非常容易。
2009-09-09
Mootools 1.2教程输入过滤第二部分（字符串）
今天我们来看一看MooTools给我们提供的额外的一些处理字符函数。这只是MooTools字符串处理中的一部分，并不包含一些神秘的函数（比如toCamelCase()）和使用正则表达式处理字符串的函数。
2009-09-09
Mootools 1.2教程设置和获取样式表属性
今天，我们来看一下如何通过MooTools 1.2和我们以前几讲中的内容来操作样式，这将给你在UI上带来很大的控制权。
2009-09-09
Mootools 1.2教程同时进行多个形变动画
今天我们来学习一下Fx.Elements插件，这是一个基于Fx.Morph的插件。与应用于单个元素不同的是，Fx.Elements可以允许你一次性给多个元素添加动画。
2009-09-09
基于mootools插件实现遮罩层新手引导
公司项目有这个需求，刚好这段时间在学习了mootools，于是把功能写成了mootools插件，个人感觉mootools在这方面比jquery强多了
2012-05-05
Mootools 1.2教程定时器和哈希简介
在今天的教程中，我们将关注两块内容：第一个就是.periodical();方法，然后我们再对hash做一个简介。
2009-09-09
Mootools 1.2教程(3) 数组使用简介
在上一篇教程——《Mootools 1.2教程(2)——DOM选择器》中，我们介绍了一下选择器，其中有很多方法就会返回数组（一个你可以对其中内容进行多种操作的特殊列表）。
2009-09-09