zoukankan      html  css  js  c++  java
  • js页面滚动浮动层智能定位(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"));

    转至:http://www.zhangxinxu.com/wordpress/?p=1242

  • 相关阅读:
    常见动态规划题目详解
    回溯法常见题目总结
    AWK语法入门
    JavaScript深拷贝—我遇到的应用场景
    git代码版本回退
    Rem实现移动端适配
    Weex了解
    Vue.js入门学习
    今日小结—304状态码,数组去重
    js今日小结—Ajax、前端安全、GET&POST、闭包、HTTPS
  • 原文地址:https://www.cnblogs.com/sonicit/p/2140749.html
Copyright © 2011-2022 走看看