jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]

前端之家收集整理的这篇文章主要介绍了jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

jQuery脚本:

返回顶部').appendTo('body'); $(window).scroll(function() { if ($(this).scrollTop() != 0) { $('#toTop').fadeIn(); } else { $('#toTop').fadeOut(); } }); $('#toTop').click(function() { $('body,html').animate({ scrollTop: 0 },800); }) });

CSS样式:

带有iframe框架的滚动操作:

Feedback_flag},\'{$current_url}\')">返回旧版
').appendTo($("body")); if ($.browser.msie) { $("#return_old_tips").css("top",200); } if ($.browser.msie) { top.document.body.onscroll = function() { var f = 200 + (top.document.documentElement.scrollTop || top.document.body.scrollTop); if (f > parseInt($("body").height(),10)) { f = parseInt($("body").height(),10); } $("#return_old_tips").css({ top: f,left: 0 }); } top.document.body.onresize = top.document.body.onscroll; } else { $(window.parent.document).scroll(function() { var f = 200 + (top.document.documentElement.scrollTop || top.document.body.scrollTop); if (f > parseInt($("body").height(),10); } $("#return_old_tips").css({ top: f,left: 0 }); }).resize(function() { var f = 200 + (top.document.documentElement.scrollTop || top.document.body.scrollTop); if (f > parseInt($("body").height(),left: 0 }); }); } }); //-->

以上所述是小编给大家介绍的jQuery实现返回顶部按钮和scroll滚动功能[带动画效果]。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

猜你在找的jQuery相关文章