博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
有关滚动与位置
阅读量:6307 次
发布时间:2019-06-22

本文共 638 字,大约阅读时间需要 2 分钟。

获取元素的固定位置:  var y=$("#goToTop").offset().top;[可以根据y 的值,改变元素的定位方式position:fixed.]

 

#goToTop{ width:67px; height:68px;position:fixed; bottom:220px; right:0; background:#f00 url(../images/topBtns.png) no-repeat left top; display:none;}

<div id="goToTop"></div>
<script>
$(function(){
    $(window).scroll(function(e) {
        var scrollTop=$(window).scrollTop();
        var windowHeight=$(window).height();
        if(scrollTop>windowHeight){
            $("#goToTop").show();
        }else{
            $("#goToTop").hide();
        }
    });
    var gotoTop=function(){
        window.scrollTo(0,0);
    };
    $("#goToTop").on("click",function(){
        gotoTop();
    });
});
</script>

转载于:https://www.cnblogs.com/dingyuanxin/p/3979528.html

你可能感兴趣的文章
在Flex中动态设置icon属性
查看>>
采集音频和摄像头视频并实时H264编码及AAC编码
查看>>
3星|《三联生活周刊》2017年39期:英国皇家助产士学会于2017年5月悄悄修改了政策,不再鼓励孕妇自然分娩了...
查看>>
linux查看命令是由哪个软件包提供的
查看>>
高级Linux工程师常用软件清单
查看>>
堆排序算法
查看>>
folders.cgi占用系统大量资源
查看>>
路由器ospf动态路由配置
查看>>
zabbix监控安装与配置
查看>>
python 异常
查看>>
last_insert_id()获取mysql最后一条记录ID
查看>>
可执行程序找不到lib库地址的处理方法
查看>>
bash数组
查看>>
Richard M. Stallman 给《自由开源软件本地化》写的前言
查看>>
oracle数据库密码过期报错
查看>>
修改mysql数据库的默认编码方式 .
查看>>
zip
查看>>
How to recover from root.sh on 11.2 Grid Infrastructure Failed
查看>>
rhel6下安装配置Squid过程
查看>>
《树莓派开发实战(第2版)》——1.1 选择树莓派型号
查看>>