原文:JavaScript--获取滚动条位置,并实现页面滑动到锚点位置

前言 这篇来记录下最近工作中遇到的一个问题,在app原生和前端h 混合开发的过程中,其中一个页面是选择城市列表的页面,类似于美团饿了么城市选择,银行app中银行列表选择,通讯录中快速定位到联系人选择的锚点位置等这样的功能,作为刚入门不久的我来说,感觉这个功能还是有一点压力。下面我来分享一下我所查到的一些实现方法。 正文 什么是锚点问题 对于pc端网页来说,常见的网页右侧的回到顶部按钮,点击直接跳 ...

2021-01-10 19:00 1 2630 推荐指数:

查看详情

滚动条滚动到指定位置()的不同实现方式

一、在传统开发过程中,我们的都是 通过a标签跳转至对应ID的形式 进行需求实现的。 二、还可以用 原生js去获取并修改scrollTop 这种情况,我们一般用于固定页面元素的设置,或者设置返回顶部按钮。 ❤️ 若vue + elementUI ...

Mon Aug 03 22:26:00 CST 2020 0 1483
JavaScript控制滚动条滚动到指定位置

1.打开一个网址,F12,定位到我们想到滚动位置 比如定位到翻页的位置,我们可以取到翻页div的class=page-inner 2.在Consle输入滚动效果的Js代码: 3.执行,效果如下: ...

Tue Apr 13 18:13:00 CST 2021 0 1561
JQuery实现页面刷新滚动条自动滚动到特定位置

原理,利用jquery的offset对象得到left或者top的值,然后用animate方法进行设置偏移量。 上面的代码可以根据实际情况改造。 http://www.cnblogs.com/EasonJim/p/5347296.html 之前实现的通过#号定位会有一个bug ...

Sat Dec 17 01:32:00 CST 2016 0 2725
获取滚动条位置

下面就开始scrollTop 用法讲解: scrollTop() 定义和用法 scrollTop() 方法设置或返回被选元素的【垂直滚动条位置】。 Note: 当滚动条位置位于最顶部时,位置是0;当用于返回位置时: 该方法返回 第一个匹配元素的滚动条的垂直位置。当用于设置位置时 ...

Fri Feb 26 05:17:00 CST 2016 0 7577
JavaScript实现页面刷新滚动条位置不变(利用cookie)

实验环境:vs2015 asp.net(C#) 主要原理: 1.在页面滚动时或点击按钮时将当前滚动条位置记录到cookie[pos], 2.页面刷新或重载时查询cookie[pos]中的值是否存在,若存在根据该值给滚动条定位 .aspx文件 js代码 注意:若页面指定 ...

Mon Feb 26 04:36:00 CST 2018 0 1079
点击时滚动条滚动到相应位置

效果图(点击左侧1F 2F 3F时候页面跳转到相应位置); 1.HTML部分: <div class="d99 fl cl" style="display: none;"> <ul class="d100"> ...

Wed Feb 26 05:14:00 CST 2020 0 723
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM