html 浮动窗口置顶,jQuery简单实现页面元素置顶时悬浮效果示例
生活随笔
收集整理的這篇文章主要介紹了
html 浮动窗口置顶,jQuery简单实现页面元素置顶时悬浮效果示例
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
本文實例講述了jQuery簡單實現頁面元素置頂時懸浮效果的方法。分享給大家供大家參考，具體如下：
一、JS Code：
$.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: pos,
top: top
});
}
});
};
return $(this).each(function () {
position($(this));
});
};
//綁定
$("#float").smartFloat();
二、Html Code：
我是置頂時懸浮的區域
希望本文所述對大家jQuery程序設計有所幫助。
總結
以上是生活随笔為你收集整理的html 浮动窗口置顶,jQuery简单实现页面元素置顶时悬浮效果示例的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Conhost.exe是什么进程？Con
- 下一篇： android 足球游戏,足球游戏哪个好