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

js教程评论323 views阅读模式

HTML代码:

复制代码 代码如下:


我是个腼腆羞涩的浮动层...

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

企鹅博客
  • 本文由 发表于 2019年9月13日 11:14:08
  • 转载请务必保留本文链接:https://www.qieseo.com/424893.html

发表评论