jquery滚动到指定位置,jquery浮动窗口
各位兄弟可能碰到定位的问题,特别是在博客或者微博上面也会见到这个效果,于是产品人员在策划的时候就会要人家那种效果,而苦逼的我们需要去实现,实现实现。没办法,谁让我们是攻城师呢,攻吧:
效果图如下,滚动条下拉的时候,黑色的块顶端为0;固定显示:
代码如下:
!声明文档类型
超文本标记语言
头
标题框架实现页面滚动时层智能浮动定位/标题
meta name= description content= /
脚本类型=文本/JavaScript src= http://JT。875 .cn/js/jquery。js /脚本
style type=text/css
*{边距:0;填充:0;}。顶部{高度:100像素背景:# ccc文本对齐:居中;行高:100像素字体大小:40px}
body { font:12px/1.8 Arial;颜色:# 666;高度:2000像素}。浮动{ 200像素高度:200像素边框:1px固体# ffecb0背景色:# 000;位置:绝对;右:10 pxtop:150 px;}
/风格
/头
身体
差异导航啊导航啊导航/div
div id=float /div
脚本类型=文本/javascript
$.fn.smartFloat=function() {
变量位置=功能(元素){
var top=element.position().top,pos=element。CSS(位置);
$(窗口)。scroll(function() {
var scrolls=$(这个)。滚动顶部();
如果(向上滚动){
如果(窗口XMLHttpRequest) {
element.css({
位置:"固定",
顶部:0
});
}否则{
element.css({
顶部:卷轴
});
}否则{
element.css({
位置:位置,
顶部:顶部
});
返回$(这个)。each(function() {
位置($(这个));
$(#float ).智能浮动();
/脚本
/div
/body
/html
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。