数码资讯
jQuery实现返回顶部按钮和滚动滚动函数{动画效果}
jQuery脚本: $(函数(){()) 无功scrolldiv = document.createelement('div); (scrolldiv美元)。Attr('id','totop)。Html(^顶),AppendTo('body); $(窗口)。滚动(函数(){) 如果($(this)S
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
jQuery脚本:
$(函数(){())
无功scrolldiv = document.createelement('div);
(scrolldiv美元)。Attr('id','totop)。Html(^顶),AppendTo('body);
$(窗口)。滚动(函数(){)
如果($(this)ScrollTop()!= 0){
$(#吉峰),FadeIn();
{人}
$(#吉峰),FadeOut();
}
});
$(#吉峰),Click(function(){)
('body美元,HTML),动画({ 0 },scrollTop:800);
})
});
CSS样式:
#往上爬
{
宽度:100px;
Z指数:10;
边境:1px solid # 333;
背景:# 121212;
文本对齐:中心;
填料:5px;
位置:固定;
底部:0px;
右:0px;
光标:指针;
显示:无;
颜色:# FFF;
文本转换:小写;
字体大小:0.9em;
}
用iframe框架滚动操作:
<!——
$()Ready(函数(){)
$(返回旧版),AppendTo($(体));
如果(美元。浏览器。MSIE){
$(# return_old_tips )Css(上。
}
如果(美元。浏览器。MSIE){
top.document.body.onscroll =函数(){
var = 200 + F(top.document.documentelement.scrolltop | |顶部。文件。身体。scrollTop);
如果(F>parseInt($(体),Height(),10)))
F = parseInt($(体),Height(),10);
}
$(# return_old_tips)。Css({
顶部:F,
左:0
});
}
top.document.body.onresize = top.document.body.onscroll;
{人}
$(窗口.父.文档).滚动(函数(){)
var = 200 + F(top.document.documentelement.scrolltop | |顶部。文件。身体。scrollTop);
如果(F>parseInt($(体),Height(),10)))
F = parseInt($(体),Height(),10);
}
$(# return_old_tips)。Css({
顶部:F,
左:0
});
}。调整大小(函数(){)
var = 200 + F(top.document.documentelement.scrolltop | |顶部。文件。身体。scrollTop);
如果(F>parseInt($(体),Height(),10)))
F = parseInt($(体),Height(),10);
}
$(# return_old_tips)。Css({
顶部:F,
左:0
});
});
}
});
以上是jQuery实现Xiaobi提出的将顶部的按钮和滚动滚动功能} {动画效果。希望能对你有所帮助。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。
$(函数(){())
无功scrolldiv = document.createelement('div);
(scrolldiv美元)。Attr('id','totop)。Html(^顶),AppendTo('body);
$(窗口)。滚动(函数(){)
如果($(this)ScrollTop()!= 0){
$(#吉峰),FadeIn();
{人}
$(#吉峰),FadeOut();
}
});
$(#吉峰),Click(function(){)
('body美元,HTML),动画({ 0 },scrollTop:800);
})
});
CSS样式:
#往上爬
{
宽度:100px;
Z指数:10;
边境:1px solid # 333;
背景:# 121212;
文本对齐:中心;
填料:5px;
位置:固定;
底部:0px;
右:0px;
光标:指针;
显示:无;
颜色:# FFF;
文本转换:小写;
字体大小:0.9em;
}
用iframe框架滚动操作:
<!——
$()Ready(函数(){)
$(返回旧版),AppendTo($(体));
如果(美元。浏览器。MSIE){
$(# return_old_tips )Css(上。
}
如果(美元。浏览器。MSIE){
top.document.body.onscroll =函数(){
var = 200 + F(top.document.documentelement.scrolltop | |顶部。文件。身体。scrollTop);
如果(F>parseInt($(体),Height(),10)))
F = parseInt($(体),Height(),10);
}
$(# return_old_tips)。Css({
顶部:F,
左:0
});
}
top.document.body.onresize = top.document.body.onscroll;
{人}
$(窗口.父.文档).滚动(函数(){)
var = 200 + F(top.document.documentelement.scrolltop | |顶部。文件。身体。scrollTop);
如果(F>parseInt($(体),Height(),10)))
F = parseInt($(体),Height(),10);
}
$(# return_old_tips)。Css({
顶部:F,
左:0
});
}。调整大小(函数(){)
var = 200 + F(top.document.documentelement.scrolltop | |顶部。文件。身体。scrollTop);
如果(F>parseInt($(体),Height(),10)))
F = parseInt($(体),Height(),10);
}
$(# return_old_tips)。Css({
顶部:F,
左:0
});
});
}
});
以上是jQuery实现Xiaobi提出的将顶部的按钮和滚动滚动功能} {动画效果。希望能对你有所帮助。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。