根据浏览器是否出现滚动条，显示返回顶部

        //返回顶部  只在未显示时，判断是否显示并返回顶部
        function showBackToTop() {
            if ($("#divTop").is(":hidden")) {
                if ($(document).height() - $(window).scrollTop() - $(window).height() > 0) {
                    $("#divTop").show();
                }
            }
        }

时间： 2024-10-21 07:47:13

根据浏览器是否出现滚动条，显示返回顶部的相关文章

微网站自动显示返回顶部按钮的代码

//返回顶部 var globalScrollTop = $(document).height() - $(window).height(); function showBackToTop() { if ($(window).scrollTop() > globalScrollTop) { $("#divTop").show(); } else { $("#divTop").hide(); } } //页面滚动时,“返回顶部”按钮是否显示 $(window)

【Android】ListView监听上下滑动（判断是否显示返回顶部按钮）

设置滚动监听判断ListView的滚动方向同时获取屏幕高度.ListView实际高度,判断是否需要展示返回顶部按钮(具体逻辑请看代码--附有详细注释). 下载地址:http://www.dwz.cn/zG99W 源码运行动态图

android判断位置显示返回顶部按钮最精简代码

listView.setOnScrollListener(new OnScrollListener() { @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { updateBackTopButtonState(); }}); private void updateBackTopButtonState() { if (ad

页面中根据滚动条，显示返回顶部图标

比较简单,直接记录代码 window.onscroll = function(){ if(document.body.scrollTop>10){ $('#go-top').show(); } if(document.body.scrollTop<=10){ $('#go-top').hide(); } }<pre name="code" class="javascript">function goTop() { <span style

“返回顶部”按钮

实现过程当页面滚动时(监听scroll事件),浏览器滚动条处于最顶部时,隐藏“返回顶部”按钮,当滚动条继续向下滚动时,动态计算出当前可视窗口的高度-按钮高度-按钮距浏览器下边缘高度得到的值,如果这个值大于某个特定的数字时,显示“返回顶部”按钮,否则隐藏.然后,当单击“返回顶部”按钮时,其实应该是一个链接,将滚动条滚回浏览器最顶部.在这个过程中,我们可以使用animate来创建动画效果,即返回顶部时有个过渡效果. $(function(){ $(".backToTop").goToTo

原生js实现简洁的返回顶部组件

本文内容相当简单,所以没有发布到博客园首页,如果你不幸看到,那只能是我这篇文章的荣幸,谢谢你的大驾光临~ 返回顶部组件是一种极其常见的网页功能,需求简单:页面滚动一定距离后,显示返回顶部的按钮,点击该按钮可以将滚动条滚回至页面开始的位置.实现思路也很容易,只要改变document.documentElement.scrollTop或document.body.scrollTop的值即可.本文抛弃所有加速减速的酷炫效果,回归软件的本质,提供一个最简洁的实现,只追求实用性,不追求所谓的用户体验,效果

仿新浪微博返回顶部的js实现(jQuery/MooTools)

一.引言在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮.例如: 其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮:人人网的返回顶部直接在底部的工具条上:新浪微博的返回顶部在滚动高度大于0的时候显示,且返回顶部的效果是平滑动画效果.本文的实现就是类似于新浪微博的这种效果.//zxx:新浪微博今天启用新域名weibo.com了二.jQuery下的返回顶部功能您可以狠狠地点击这里:jQuery下的返回顶部demo 可以看到,如果页面有滚动高度,

[转] JS 返回顶部

仿新浪微博返回顶部的js实现(jQuery/MooTools) by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1576 一.引言在web页面中,如果页面较高,为了方便用户快速地返回顶部,都会添加一个返回顶部按钮.例如: 其中淘宝网的是要滚动条的滚动距离大于某一段距离才显示返回顶部按钮:人人网的返回顶部直接在底部的工具条上:新浪微博的返回顶部在滚动高度大于0的时候显示

返回顶部实现方式

通过window对象的scrollTop()实现,$(window).scrollTop()表示滚动条距离上方的距离,$(window).scrollTop(0)表示设置距离为0即返回顶部 <head> <meta charset="UTF-8"> <title>console</title> <script src="https://libs.baidu.com/jquery/2.1.4/jquery.js"&