如何计算元素滚动位置的百分比？

我想以百分比形式计算窗口内元素的滚动位置。0%是元素顶部位于窗口底部的位置（尚未显示）100%是元素底部位于窗口顶部的位置（所有元素已显示）我很接近，但我知道我在思考数学中的一些错误。我制作了一个小演示来显示多个元素的滚动百分比，但百分比都是错误的。functiongetElemScrollPercent(selector){constscale=0.1;constel=document.quer

P粉786800174 2024-04-03 19:55:00 0  1  609

CSS 元素边缘位于滚动框边缘'外部”意味着什么？

解释以下规范的正确方法是什么？“如果元素边缘A和元素边缘B都在滚动框之外边缘A和滚动框边缘B，不执行任何操作。”来源：https://drafts.c​​sswg.org/cssom-view/#dom-scrollologicalposition-nearest:~:text=If%20element%20edge%20A%20and%20element%20edge%20B%20are%20b

P粉763748806 2024-01-16 23:45:09 0  1  508

angular.js - 求一个angularjs 下拉刷新数据和底部无限滚动加载数据插件

求一个angularjs 下拉刷新数据和底部无限滚动加载数据插件

大家讲道理 2017-05-15 17:13:16 0  1  896

javascript - 请教，如何判断一个元素是否滚动到屏幕可视区域底部？

一个元素原来位于屏幕可视区域底部的上面，当滚动条往上滚动时，这个元素接触到了屏幕底部，我想在该元素接触到屏幕底部时触发一个函数，那么怎么才能捕获到元素接触到屏幕底部这个情况呢？

给我你的怀抱 2017-05-19 10:26:18 0  3  751

滚动事件侦听器添加到元素，但只有当scrollTop不等于0时才能正确移动

所以我编写了这个小脚本，其中有两个列表-已完成/活动任务，您可以通过点击按钮切换任务列表，也可以通过点击“更多信息”阅读有关任务的更多信息。当点击更多信息时，创建了一个新的div元素，我想跟随它的主机元素Y位置，并且它可以工作一半。这就是它的样子：在此处输入图像描述这是一个错误，当可滚动元素scrollTop不为0时，我很确定会发生这个错误（它是以正确的方式创建的，每当我开始滚动时，它都会立即向上

P粉427877676 2024-04-01 11:03:26 0  1  574

javascript - 谁能个推荐一个能在dom元素中预览PDF的插件

类似图上的这种效果，现在用了一个PDF插件叫objectPDF.js，使用之后，在pdf预览插件后面的dom元素都没有了。

ringa_lee 2017-05-19 10:09:10 0  2  564

css - 有没有插件可以把样式表里的样式直接输出到对应元素到style上

求这样到一个插件，就是写好样式输出到对应元素到style上 eg: {代码...}

学习ing 2017-06-24 09:43:08 0  2  833

javascript - 为什么scroll事件阻止不了冒泡？

需求是当鼠标在页面某个有滚动条的元素内部触发scroll事件，阻止body的scroll一同触发。 说白了就是：鼠标在div里滚时，即使div滚到头了，body也不滚动。 我给了div一个scroll事件，里面阻止冒泡。想通过这个思路...

PHP中文网 2017-07-05 11:07:59 0  6  4233

javascript - react无限懒加载

随着页面滚动，使用react.js实现无限懒加载的思路，不要插件。

黄舟 2017-06-15 09:22:36 0  2  825

javascript - 关于jquery.lazyload使用中遇到的问题，求助!

发现这个插件似乎没有对动态插入的元素做处理，也就是说动态插入的元素是无法正常显示，而是一直显示loading图片，我现在的临时解决方法是，给新插入的节点加一个唯一的容器，然后对这个容器进行初始话，大家有什...

ringa_lee 2017-05-19 10:45:21 0  3  622

javascript - js怎么获取某元素显示出来那部分的高度？

一个元素在滚动的时候，会有部分元素乃至全部元素隐藏，怎么获取其可见那部分的高度？用clientHeight没用，该怎么搞？

过去多啦不再A梦 2017-06-12 09:30:22 0  4  729

javascript - 元素自动往上面移动了，描述不清，看图吧

这是用的pullpage插件，第一次循环滚动后，箭头没有问题，循环一次，箭头自动往上移动了 {代码...}

黄舟 2017-05-16 13:38:37 0  1  431

在 Ionic 6 中设置离子模式内滚动条的样式：分步指南

ion-modal有一个默认的滚动条，如果内容溢出就会出现。我想设置滚动条的样式。我可以使用::-webkit-scrollbar、::-webkit-scrollbar-track和::-webkit-scrollbar-thumb在应用程序中设置滚动条样式，但它似乎无法在模态中工作。我尝试将这些元素应用到模式内的多个组件，例如ion-content::-webkit-scrollbar，但它不

P粉547362845 2024-01-04 20:51:07 0  1  471

Vue滚动锚定在另一个页面上？

我的网站标题中有一个路由器链接，单击后会转到页面/registration，上面有一个表单。我想要实现的是，当单击它时，它会使用vueScrollTo插件滚动到注册表表单。它现在可以工作，但不是100%我希望它的行为方式。截至目前，当不在/registration页面上并单击时，它会完美滚动到表单，但是当我在/registration页面本身并单击路由器链接时，我会收到警告尝试滚动到不在页面上的元

P粉627027031 2024-02-21 10:17:16 0  2  394

javascript - js滚动条实现思路

没有找到Vue2.0滚动条插件，我想用JS实现滚动条，在网上找到了几个滚动条实现的JS插件。求问哪位大神自己手动写过滚动条代码吗？或者有相关的博客吗？不需要代码，只需要说个基本的实现思路就OK了

PHP中文网 2017-06-12 09:32:11 0  4  828

javascript - vue.js有无比较快捷的方法可以让当前界面滚动到某一部分。

比如常用的回到顶部，普通html页面可以通过给a标签的href属性设置为某个id，然后点击时就把滚动条滚动到了那一部分（当然，也可以直接设置滚动条距上的高度）。 而我目前有个需求是，在同一个vue组件中，点击不同...

为情所困 2017-05-18 10:45:35 0  8  616

在 React 中附加到 div 的顶部而不弄乱滚动状态

我在反应时遇到问题。我正在尝试实现一个简单的可滚动div，其中包含很多子div，可以通过水平滚动查看。基本上每个子div对应一天。用户在第一次查看有关当天和接下来几天的信息时加载该组件。但是，如果用户滚动（向左或向右），我希望能够附加更多信息，实现某种“无限滚动功能”。当我尝试在父div的末尾附加新的子div时，我没有任何问题。然而，当我尝试在父div的开头附加新的子元素时（例如，用户想要查看前几

P粉217629009 2024-03-19 19:13:46 0  1  447

CSS 背景渐变不覆盖整个页面（包括可滚动内容）

我在HTML文档中遇到CSS背景渐变问题。我设计了一个使用线性渐变作为背景的页面，并将其设置在body元素上。我面临的问题是，渐变似乎在屏幕最初结束的地方结束，即使有更多内容需要滚动。因此，当您向下滚动时，渐变的第二个实例似乎会重新开始。这是我当前的CSS(SCSS)代码：@importurl('https://fonts.googleapis.com/css2?family=Poppins:wg

P粉506963842 2023-09-12 13:20:09 0  2  683

防止scrollIntoView()将容器滚动到页面顶部

我正在尝试构建一个简单的“主要是css”图像轮播，它使用滚动捕捉，但也有导航按钮来控制当前查看的幻灯片。我找到的唯一解决方案是在目标元素上使用scrollIntoView()，它可以满足我的要求，但它也总是将目标元素滚动到页面顶部。我希望目标轮播幻灯片和容器保持在原来的位置，并且我只希望幻灯片水平滚动到视图中。我正在看AdamArgyle的一个示例，他就是这样做的，并且容器保持在原来的位置，我不知

P粉690200856 2024-03-26 20:25:28 0  1  465