• 返回顶部的功能 div固定在页面位置不变


    1.你在网上搜索的时候,可能会搜索到div固定在页面上,不随滚动条滚动而滚动是用CSS写的,写法是position:fixed;bottom:0;

    但是这个在iframe满地跑的页面实际开发中,有啥用呢?反正我用了感觉没啥用。

    2.还有一种就是JS控制了。我写的是随着滚动滚动 ,计算div的绝对与可视页面的位置不变。

    $(window.parent).on('scroll',function(){
       $(返回顶部所在div选择器).css('top',parent.document.documentElement.scrollTop+parent.document.body.scrollTop+'px'); 
    })//这是在iframe框架中控制父body
    
    $(window).on('scroll',function(){
       $(返回顶部所在div选择器).css('top',document.documentElement.scrollTop+document.body.scrollTop+'px'); 
    })//这是在没有iframe框架中控制body

    3.这里有这两个东西:

    parent.document.documentElement.scrollTop//IE 
    parent.document.body.scrollTop//谷歌
    这是为了考虑兼容性
  • 相关阅读:
    JSP介绍
    Cookie和Session的原理及异同
    过滤器的使用
    JAVA 集合
    **JVM** 类加载机制
    *JAVA IO/NIO*
    jvm
    ioc
    spring问题总结
    aop详解
  • 原文地址:https://www.cnblogs.com/zqzjs/p/4621040.html
Copyright © 2020-2023  润新知