首页 > 其他分享 >指定div滚到到指定位置

指定div滚到到指定位置

时间:2022-11-09 11:27:48浏览次数:46  
标签:body top 指定 var div document 滚到 ElementID

获取页面某一元素的绝对X,Y坐标

var X = $('#ElementID').offset().top;
var Y = $('#ElementID').offset().left;
获取相对(父元素)位置:
var X = $('#ElementID').position().top;
var Y = $('#ElementID').position().left;


相对浏览器,将指定div滚到到指定位置,其用法如下

$("html,body").animate({scrollTop: $(obj).offset().top},speed);

 

 

     // 答题卡位置随滚动条变化
      window.onscroll = function(){
        var a = document.documentElement.scrollTop || document.body.scrollTop;//滚动条y轴上的距离
        var b = document.documentElement.clientHeight || document.body.clientHeight;//可视区域的高度
        var c = document.documentElement.scrollHeight || document.body.scrollHeight;//可视化的高度与溢出的距离(总高度)
        var abc = $('.stb-content-test').offset().top;
        // 若滚动高度大于
        if(abc >= a){
          $('.stb-content-answer-div').css('top', aaa - a + 'px')
          
        }
        else{
          $('.stb-content-answer-div').css('top','0')
        }
     }

  

 

标签:body,top,指定,var,div,document,滚到,ElementID
From: https://www.cnblogs.com/whitemon/p/16872979.html

相关文章

  • OpenCV 获取指定颜色 inRange函数
    最近研究提取图片中指定颜色的物体,用到OpenCV在网上找到的代码hue_image=cv2.cvtColor(image,cv2.COLOR_BGR2HSV)low_range=np.array([139,150,160],np.uin......
  • Codeforces Round #740 (Div. 1, based on VK Cup 2021 - Final (Engine)) B
    B.UptheStrip考虑dpdp[i]表示当前i位置的cnt考虑转移我们对于第一个操作显然只用维护一个后缀和即可dp[i]+=s[i+1]对于第二个操作也很简单我们知道i的值z除一......
  • Codeforces Round #715 (Div. 1) A
    A.BinaryLiterature我们观察发现就是找两个串要是最长公共子序列大于等于n的我们就一定可以构造出一个出来但是传统的最长公共子序列是n2的我们考虑一些特殊的性质......
  • JavaScript实现滚动条滚动给div加颜色
    实现原理当滚动的距离大于某一个元素到页面顶部的距离时候,给元素设置实现步骤1.获取某一个元素到页面顶部的距离2.如果距离大于零则给div加上颜色,如果等于0,即归位的时......
  • 为什么我们必须使用div?
    那么,为什么我们必须使用div?如果您查看Mozilla的html5元素列表,则每个元素都有语义,然后我们进入<div>并显示:“表示没有特殊含义的通用容器。......
  • vue.js3:div上添加右键菜单([email protected])
    一,js代码:<template><div><divstyle="width:800px;margin:auto;display:flex;flex-direction:column;"><div>请选择上传图片:<inputtype="......
  • CF1743 Codeforces Round #832 (Div. 2)
    A.TwoGroups签到题,把正负数分开放再相减即可.赛后从大佬们那得知也可以直接加的,最后取个abs.膜拜大佬!B.BANBAN构造.显然每次交换最多可以破坏前面一个BAN,破坏后面......
  • uniapp不使用自定义tabbar的情况下隐藏指定的tabbar
    uni给提供的api中uni.hideTabBar()是控制所有的tabbar显示和隐藏,并不能达到我们想要的效果图,但是我仔细看过文档后发现uni.setTabBarItem()中有visible这个选项控......
  • mysql创建数据库并指定字符集
    说明:以创建“wangzy_table”库为例。一、默认创建的数据库CREATEDATABASE`wangzy_table`;二、创建数据库并指定字符集CREATEDATABASE`wangzy_table`DEFAULT......
  • Sadegh Aliakbarian-2021-ContextuallyPlausibleDiverse3DHumanMotionPrediction-ICCV
    #ContextuallyPlausibleandDiverse3DHumanMotionPrediction#paper1.paper-info1.1MetadataAuthor::[[SadeghAliakbarian]],[[FatemehSaleh]],[[Lars......