彩世界平台-彩世界时时app-彩世界开奖app苹果下载

热门关键词: 彩世界平台,彩世界时时app,彩世界开奖app苹果下载

您的位置:彩世界平台 > 新闻动态 > jQuery页面滚动浮动层智能定位实例代码

jQuery页面滚动浮动层智能定位实例代码

发布时间:2019-09-05 21:23编辑:新闻动态浏览(124)

    HTML代码:

    复制代码 代码如下:

    <div class="float" id="float">
    我是个腼腆羞涩的浮动层...
    </div>

    JS代码:

    复制代码 代码如下:

    $.fn.smartFloat = function() {
    var position = function(element) {
    var top = element.position().top, pos = element.css("position");
    $(window).scroll(function() {
    var scrolls = $(this).scrollTop();
    if (scrolls > top) {
    if (window.XMLHttpRequest) {
    element.css({
    position: "fixed",
    top: 0
    });
    } else {
    element.css({
    top: scrolls
    });
    }
    }else {
    element.css({
    position: "absolute",
    top: top
    });
    }
    });
    };
    return $(this).each(function() {
    position($(this));
    });
    };
    //绑定
    $("#float").smartFloat();

    复制代码 代码如下: div class="float" id="float" 我是个腼腆羞涩的浮动层... /div JS代码: 复制代码 代码如下: $.fn.smartFloat = function() {...

    本文由彩世界平台发布于新闻动态,转载请注明出处:jQuery页面滚动浮动层智能定位实例代码

    关键词:

上一篇:容易被忽略的JS脚本特性

下一篇:没有了