相关文章推荐
旅行中的砖头  ·  Qt Json_qt ...·  1 月前    · 
没人理的仙人球  ·  在android ...·  1 年前    · 

获取div内部滚动距离:
let S = document.getElementById(‘collCard’).scrollTop || 0
在这里插入图片描述
要求是,点进学校之后返回这个页面,还要回到原本的位置。
但这个div是固定高度,而且是一个分页。所以要获取div内部滚动了多少距离,用session存起来,再回到原本的位置;

 获取滚动距离
 var WT=0;
        $('.jg-list-page').on('scroll', function (e) {
            WT = parseInt(e.target.scrollTop);
        });
 //点击事件里存值
 function goJGHome(id, schId) {
 	sessionData.top = WT
 	sessionStorage.setItem("key", JSON.stringify(sessionData))
	window.location.href = "/DataPlatPublic/JGHome?id=" + id + "&schId=" + schId;

踩坑,var 的变量 不要用top ,left之类的单词。
取值

$(function () {
        sessData = JSON.parse(sessionStorage.getItem("key"));
        if (sessData) {
            if (sessData.top) {
                $(".jg-list-page").animate({ scrollTop: sessData.top+"px"}, 200);
                                    前些天尝试了一个定位弹出div标签的功能,没有滚动条时用的是绝对位置,有滚动条后就必须在绝对位置XY坐标上减去滚动条吃进的距离,否则定位就不准了。
下面是获取div滚动条距离JS脚本:
<SCRIPT LANGUAGE="javascript">   
var e= document.getElementById('ID');
alert('scroll le...
                                    {{item}}{{item}}exportdefault{data() {return{navgator: ['列表A','列表B','列表C','列表D',],navgatorIndex:0,listBox: ['A','B','C','D'],listBoxState:true,//点击导航栏时,暂时停止监听页面滚动};},created() {},mounted() {let timeId...
var scroH = $(this).scrollTop();
// console.log(scroH);
//滚动条的滑动距离大于等于定位元素距离浏览器顶部的距离,就固定,反之就不固定
if(scroH>=navH){
$("#titHe
                                    前端开发经常会遇到监听滚动事件的情况,检测到页面滚动距离做一些操作。有时候也会监听一些容器的滚动如:div,与前者有一些差别,本文会先后介绍这两种情况如何实现。
                                    1、设置div固定高度,并且设置为内部超出可滚动
2、获取div标签,并获取div滚动距离顶部的高度
3、获取div的高度,如果没有给div设置高度可获取视图窗口的高度
4、获取div标签滚动高度
4、通过判断div滚动条距离顶部的高度和视图窗口的高度和与div滚动高度相等,即可判断滚动条是否滚动到底部
<div id="app"></div>
//获取节点
 var scrollDiv = document.getElementById('app');
 //获取视图窗口的高度
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compat...
                                    获取页面某一元素的绝对X,Y坐标
varX = $('#ElementID').offset().top;
varY = $('#ElementID').offset().left;
获取相对(父元素)位置:
varX = $('#ElementID').position().top;
varY = $('#ElementID').position().left;