`
303182519
  • 浏览: 2086 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

返回顶部

 
阅读更多

(function() {
    var $backToTopTxt = "返回顶部", $backToTopEle = $('<div class="backToTop"></div>').appendTo($("body"))
        .text($backToTopTxt).attr("title", $backToTopTxt).click(function() {
            $("html, body").animate({ scrollTop: 0 }, 120);
    })
var right = ($(window).width()-900)/2;
$backToTopEle.css({
"right":right
});
$(window).resize(function(){
var right = ($(window).width()-900)/2;
$backToTopEle.css({
"right":right
});
});
$backToTopFun = function() {
        var st = $(document).scrollTop(), winh = $(window).height();
        (st > 0)? $backToTopEle.show(): $backToTopEle.hide();    
        //IE6下的定位
        if (!window.XMLHttpRequest) {
            $backToTopEle.css("top", st + winh - 166);    
        }
    };
    $(window).bind("scroll", $backToTopFun);
})();

分享到:
评论

相关推荐

    弹性返回顶部代码,兼容各大浏览器

    在网页设计中,"弹性返回顶部"功能是一个常见的交互元素,它允许用户在浏览页面时,轻松地将页面滚动回顶部。这个功能尤其在长页面中非常有用,减少了用户的滚动操作,提升了用户体验。本篇文章将深入探讨如何实现...

    返回顶部JS代码

    返回顶部的JS代码是网页设计中常见的一种交互功能,它允许用户在浏览长页面时,通过点击一个按钮轻松地返回页面顶部,提升用户体验。这个功能通常会在用户滚动页面到一定距离,即滚动条超出屏幕范围时自动显示。下面...

    缓冲效果返回顶部源代码

    在网页设计中,"返回顶部"功能是一种常见的用户体验优化手段,它允许用户快速地将页面滚动至顶部,尤其是在浏览长内容页面时。本主题聚焦于一个特定的实现方式——"缓冲效果返回顶部",这是一种更加平滑、优雅的滚动...

    jquery实现返回顶部

    **jQuery 实现返回顶部功能详解** 在网页设计中,尤其是内容丰富的页面,用户滚动浏览到页面底部时,可能需要一个便捷的方式快速返回页面顶部。jQuery 提供了一个简单且高效的解决方案来实现这一功能,使得用户体验...

    js 网页返回顶部 置顶返回

    在网页设计中,"js 网页返回顶部 置顶返回" 是一个常见的功能需求,它允许用户轻松地将浏览器滚动到页面的顶部,提高用户体验。这一功能主要通过JavaScript实现,因为JavaScript是一种强大的客户端脚本语言,可以与...

    仿太平洋返回顶部

    在网页设计中,"返回顶部"功能是一种常见的用户体验优化手段,它允许用户快速地将页面滚动到顶部,而无需手动滚动。"仿太平洋返回顶部"是借鉴了太平洋汽车网实现这一功能的方式,主要涉及到的技术包括JavaScript、...

    jQuery实现返回顶部

    在网页设计中,"返回顶部"功能是一个常见且实用的设计元素,它允许用户快速地将浏览焦点移回页面顶部,特别是在长页面滚动时。本文将深入探讨如何利用jQuery这一强大的JavaScript库来实现这一功能。 首先,jQuery是...

    JS 简单的点击返回顶部的功能

    在JavaScript编程中,"点击返回顶部"功能是一个常见的交互设计,它允许用户通过单击一个按钮迅速滚动到页面的顶部,提升用户体验。本教程将详细解释如何实现这一功能。 首先,我们需要在HTML中创建一个返回顶部的...

    js返回顶部效果 很炫

    在网页设计中,"js返回顶部"是一种常见的用户体验优化功能,它允许用户通过点击一个按钮或执行特定的JavaScript事件来迅速滚动到页面的顶部。这种效果不仅方便了用户浏览长页面,也增加了网站的交互性和专业性。"js...

    滚动条返回顶部 jquery实现

    当页面滚动时(监听scroll事件),浏览器滚动条处于最顶部时,隐藏“返回顶部”按钮,当滚动条继续向下滚动时,动态计算出当前可视窗口的高度-按钮高度-按钮距浏览器下边缘高度得到的值,如果这个值大于某个特定的数字...

    jquery右下角固定层返回顶部

    【jQuery右下角固定层返回顶部】是一种常见的网页交互设计,它允许用户通过点击页面右下角的元素轻松地返回页面顶部,提升用户体验。在网页滚动到一定位置时,这个固定层会显示出来,通常是一个小图标或者文字,点击...

    jQuery右侧边栏二维码QQ客服返回顶部代码

    在这个特定的项目中,“jQuery右侧边栏二维码QQ客服返回顶部代码”是一个实现了一些常见网站功能的代码片段,包括: 1. **jQuery库的引入**:首先,你需要在网页中引入jQuery库,这通常是通过在HTML文档的`&lt;head&gt;`...

    最简洁的返回顶部代码

    在网页设计中,"返回顶部"功能是一个非常实用的元素,它允许用户快速地将页面滚动到顶部,尤其是在浏览长内容的页面时。本主题主要介绍如何使用最简洁的JavaScript代码来实现这一功能,参考自知名的IT资讯网站IT之家...

    仿淘宝返回顶部jquery特效

    【仿淘宝返回顶部jQuery特效】是一种常见的网页交互设计,它为用户提供了一种便捷的方式,能够快速将滚动条返回页面顶部,提升用户体验。尤其在内容丰富的长页面中,这种功能尤为重要。在网页设计中,这种效果通常会...

    超简单精致的返回顶部小插件

    返回顶部小插件是网页设计中常见的一种用户体验优化工具,它允许用户在浏览长页面时,轻松快捷地回到页面顶部,提升浏览效率。这个“超简单精致的返回顶部小插件”应该是一个轻量级、易集成且外观美观的解决方案。 ...

    jquery实现返回顶部源代码

    在网页设计中,"返回顶部"功能是一个常见且实用的设计元素,它允许用户轻松地将浏览页面滚动到顶部,尤其在长页面中更为重要。本篇文章将深入探讨如何使用jQuery来实现这一功能,并分享一段实用的源代码。 jQuery是...

    jquery返回顶部隐藏按钮.rar

    在网页设计中,"返回顶部"按钮是一种常见且实用的功能,尤其在长页面中,它可以帮助用户快速地回到页面的起始位置,提高用户体验。在本案例中,我们讨论的是如何使用jQuery实现一个可隐藏的返回顶部按钮。jQuery是一...

    jQuery平滑返回顶部代码.zip

    在网页设计中,提供一个平滑的返回顶部功能可以极大地提升用户体验,特别是在内容丰富的长页面中。本资源“jQuery平滑返回顶部代码.zip”提供了一种实现这一功能的方法,利用了广泛使用的JavaScript库jQuery。接下来...

    仿淘宝返回顶部TOP效果

    淘宝网站上的“返回顶部”(TOP)效果是一个用户体验优化的重要元素,它允许用户在浏览页面时轻松地返回页面顶部,而无需滚动整个页面。这个功能通常以一个小图标或按钮的形式出现在页面底部,当用户向下滚动时,它...

    jQuery可变透明度返回顶部

    在网页设计中,"返回顶部"功能是一种常见的用户体验优化手段,它允许用户快速地将页面滚动到顶部,尤其是在浏览长内容时。在这个场景中,我们关注的是使用jQuery实现的一个特别的返回顶部效果——可变透明度。这个...

Global site tag (gtag.js) - Google Analytics