手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >MooTools 页面滚动浮动层智能定位实现代码
MooTools 页面滚动浮动层智能定位实现代码
摘要:HTML代码:复制代码代码如下:我是个腼腆羞涩的浮动层...JS代码:复制代码代码如下:var$smartFloat=function(el...

HTML代码:

复制代码 代码如下:

<div 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 页面滚动浮动层智能定位实现代码】相关文章:

jquery任意位置浮动固定层插件用法实例

EasyUI闪屏EasyUI页面加载提示(原理+代码+效果图)

js实现异步循环实现代码

Js和JQuery获取鼠标指针坐标的实现代码分享

JQuery+CSS实现图片上放置按钮的方法

JS获取当前脚本文件的绝对路径

两个SUBMIT按钮,如何区分处理

常用参考资料(手册)下载或者链接

让插入到 innerHTML 中的 script 跑起来的实现代码

在页面中输出当前客户端时间javascript实例代码

精品推荐
分类导航