zoukankan      html  css  js  c++  java
  • JavaScript实现页面到滚动到指定位置执行某些操作

     比如 页面中 某个DOM, 希望点击按钮后页面直接跳转到 这个DOM所在的位置,

    1. 获取DOM离屏幕的高度
     var hTop = $('#box').offset().top;

    $('body,html').animate({
      scrollTop:hTop 
    },100);

    2. 通过原生的方式跳转到某个 地方

    var hTopDom = document.getElementById('box');

    var hTop = hTopDom.offsetTop;

    document.documentElement.scrollTop  = hTop; 

    跳转的时候没有动画的效果

    关于浏览器的 各种高度问题 汇总:

    https://blog.csdn.net/semanwmj/article/details/7072795

    https://blog.csdn.net/u014304657/article/details/76854064

    https://www.cnblogs.com/fnz0/p/5510758.html

  • 相关阅读:
    tp5 生成数据表
    tp5 事务
    时间
    api json
    php 函数学习
    win7 安装Ubuntu18.04 双系统后无法引导win7
    vite笔记
    tp5 excel导出
    tp5 sql查询
    idea 停止运行程序
  • 原文地址:https://www.cnblogs.com/laneyfu/p/9366056.html
Copyright © 2011-2022 走看看