博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js页面滚动浮动层智能定位(MooTools)实例页面
阅读量:5065 次
发布时间:2019-06-12

本文共 808 字,大约阅读时间需要 2 分钟。

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

转至:

转载于:https://www.cnblogs.com/sonicit/archive/2011/08/16/2140749.html

你可能感兴趣的文章
Kubernetes 运维学习笔记
查看>>
spring security 11种过滤器介绍
查看>>
代码实现导航栏分割线
查看>>
大数据学习系列(8)-- WordCount+Block+Split+Shuffle+Map+Reduce技术详解
查看>>
【AS3代码】播放FLV视频流的三步骤!
查看>>
枚举的使用
查看>>
luogu4849 寻找宝藏 (cdq分治+dp)
查看>>
日志框架--(一)基础篇
查看>>
关于源程序到可运行程序的过程
查看>>
转载:mysql数据库密码忘记找回方法
查看>>
scratch少儿编程第一季——06、人在江湖混,没有背景怎么行。
查看>>
【贪心+DFS】D. Field expansion
查看>>
C# Async与Await的使用
查看>>
Mysql性能调优
查看>>
iOS基础-UIKit框架-多控制器管理-实例:qq界面框架
查看>>
自定义tabbar(纯代码)
查看>>
小程序底部导航栏
查看>>
ibatis学习笔记
查看>>
18-ES6(1)
查看>>
poj1611 简单并查集
查看>>