脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-一个基于jquery回到顶部的简单代码,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
一个基于jquery回到顶部的简单代码。
$(function() {
window.top.iframeHeight();
window.parent.iframeHeight();
// 回到顶部插件
function toTop() {
var container = $("
");
container.css({
'position':'fixed',
'bottom':'30px',
'right':'30px',
'zIndex':'999',
'overflow':'hidden',
});
container.hide()
var img = $("
");$("body").append(container);
container.append(img);
$("#toTop").click(function(){
var speed=200;//滑动的速度
$('body,html').animate({ scrollTop: 0 }, speed);
return false;
})
}
toTop();
$(window).scroll(function(){
if ($(window).scrollTop()>100){
$("#toTop").fadeIn(500);
}else{
$("#toTop").fadeOut(500);
}
})
});
觉得可用,就经常来吧! 脚本宝典 欢迎评论哦! js脚本,巧夺天工,精雕玉琢。小宝典献丑了!
以上是脚本宝典为你收集整理的javascript代码实例教程-一个基于jquery回到顶部的简单代码全部内容,希望文章能够帮你解决javascript代码实例教程-一个基于jquery回到顶部的简单代码所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。