java怎么往右浮动_[Java教程]jQuery实现页面滚动时智能浮动定位
[Java教程]jQuery實現頁面滾動時智能浮動定位
0 2016-08-04 18:00:08
jQuery實現頁面滾動時層智能浮動定位_前端開發* {
margin: 0;
padding: 0;
}
body {
font: 12px/1.8 Arial;
color: #666;
}
h1.tit-h1 {
font-size: 38px;
text-align: center;
margin: 30px 0 15px;
color: #f60;
}
.wrap {
border: 1px dashed #ccc;
background: #f8f8f8;
padding: 20px;
}
.demo {
height: 1500px;
}
.float {
width: 80px;
padding: 10px;
border: 1px solid #ffecb0;
background-color: #fffee0;
-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2);
box-shadow: 1px 1px 2px rgba(0,0,0,.2);
position: absolute;
right: 10%;
top: 131px;
}
jQuery實現頁面滾動時層智能浮動定位_前端開發
我在這里等你噢！$.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.??????????????????????????? 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();
總結
以上是生活随笔為你收集整理的java怎么往右浮动_[Java教程]jQuery实现页面滚动时智能浮动定位的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： java正则表达式匹配数字范围_在jav
- 下一篇： java的全栈,Java全栈工程师