当用户向下滚动时，如何检测用户位于视口的中间？
当用户向下滚动时，可以通过以下方法检测用户是否位于视口的中间：
- 使用JavaScript监听滚动事件：通过addEventListener方法监听滚动事件，当用户滚动页面时触发相应的回调函数。
- 获取视口的高度和滚动条的位置：使用document.documentElement.clientHeight获取视口的高度，使用window.pageYOffset或document.documentElement.scrollTop获取滚动条的位置。
- 计算视口中间位置：将视口的高度除以2，得到视口中间位置的垂直坐标。
- 判断用户是否位于视口中间：将滚动条的位置与视口中间位置进行比较，如果滚动条的位置大于等于视口中间位置减去一个阈值（例如10像素），并且滚动条的位置小于等于视口中间位置加上一个阈值，即可判断用户位于视口的中间。
以下是一个示例代码：
window.addEventListener('scroll', function() {
var viewportHeight = document.documentElement.clientHeight;
var scrollPosition = window.pageYOffset || document.documentElement.scrollTop;
var middlePosition = viewportHeight / 2;
var threshold = 10;
if (scrollPosition >= middlePosition - threshold && scrollPosition <= middlePosition + threshold) {
// 用户位于视口的中间
console.log('用户位于视口的中间');
}
});这种检测用户位于视口中间的方法可以应用于各种场景，例如在滚动加载数据时，可以通过判断用户是否位于视口中间来触发加载更多的操作。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云函数（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动推送、移动分析、移动测试等）：https://cloud.tencent.com/product/mobile
- 腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云游戏多媒体引擎（GME）：https://cloud.tencent.com/product/gme
- 腾讯云视频直播（LVB）：https://cloud.tencent.com/product/lvb
- 腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
- 腾讯云云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 腾讯云网络安全（SSL 证书、DDoS 防护等）：https://cloud.tencent.com/product/safety
相关·内容
2回答
假设我遇到了这样的情况：
该页有4000像素长。
用户已经向下滚动页面，因此在视口上方隐藏了1000个像素的内容。
然后，用户单击一个按钮，任意长度的内容通过页面顶部的AJAX加载，然后按下视口下方的按钮(以及用户正在查看的内容)。
我尝试过编写Javascript回调，以向下滚动到用户单击按钮之前正在查看的内容，但体验并不是无缝的(当插入新内容时，滚动“向上”，然后是回滚“向下”)。
是否有任何方法将视口固定在用户正在查看的内容上？
这是一个简化的例子，但应该能让人明白这一点。
<div style="height: 1000px; width:1000px;&
浏览 6提问于2013-01-09得票数 5
3回答
使用jquery，您如何设置当垂直滚动可见时触发的事件，以及当您从页面的上半部分切换到下半部分时触发的事件，反之亦然。
例如，如果垂直滚动条在那里，然后我在页面上的上半部分查找，然后向下移动，所以我在页面的下半部分，函数就会发生。然后，如果我向上移动，所以我又回到了上半部分，这个函数就会发生。
谢谢。
浏览 0提问于2013-08-03得票数 3
希望我能解释清楚这一点。我找了很多排列都找不到任何与...
我有一个栏，有一些按钮，它使用绝对和固定的定位“粘”到视窗的底部。我理解这一点(使用bootstrap 4)。
我想要发生的是，当用户滚动页面，然后页脚进入视图时，按钮栏将与页脚一起向上移动，这样就不会模糊页脚。当用户向下滚动页面，页脚移出视图时，按钮栏将停留在视口的底部。
我该如何处理这个问题呢？我试了一堆东西，但似乎不能把它锁在页脚上。
谢谢你所有的建议。
浏览 11提问于2020-02-20得票数 0
2回答
我使用jQuery的scrollTop(0)方法编写了一些代码，该方法在Chrome上不能正常工作(版本56.0.2924.87)。
我的代码设置了2秒超时，执行以下操作：
滚动到屏幕的顶部。
隐藏一个100%宽度和高度的div，并要求用户完成一些操作。
将类追加到设置overflow: hidden的html标记中。
一旦用户完成操作，它将删除类并隐藏div，以便他们可以继续滚动。
这是对Firefox的信任。
在Chrome上，如果在用户是而不是滚动时执行2秒超时，那么它将按预期工作。但是，如果在用户处于滚动过程中时调用了2秒超时，则该超时似乎会冻结。
我已经创建了
浏览 2提问于2017-02-20得票数 0
回答已采纳
我已经创建了一个响应式站点，用户可以将其添加到主屏幕的书签中。在平板电脑和手机上，如果用户滚动到页面顶部或页面底部时，屏幕不会发生这种情况，如果你向下滚动太远或向上滚动太远，你会看到页面后面有一点灰色，页面就会迅速恢复。
我知道在body上使用'preventDefault‘将会实现这一点，但是现在这样做会阻止用户滚动。
下面是javascript：
$(document).ready(function(){
document.ontouchmove = function(e){e.preventDefault();}
});
下面是html调用：
<body ontouch
浏览 0提问于2013-05-27得票数 0
我正在使用函数，并试图理解它的top行为。负数顶部是什么意思？
在下面的示例中，当您向下滚动时，top的值变为负值。谁能解释一下，我如何解释来自getBoundingClientRect的负的top值
document.addEventListener("scroll", () => {
let element = document.getElementById("test");
let rect = element.getBoundingClientRect();
console.log(rect.bottom, "bottom.
浏览 4提问于2019-08-14得票数 0
1回答
我有一个包含多行div的容器，我想从左到右在每一项之间有一个短时间的偏移量，但仅当行在滚动的视区中时才进行动画处理。我不想在html中将它们分组为行，因为项目需要每行4个项目，每行3个项目等等。基于屏幕大小。
我基本上想做下面的代码，但只在视口中的行上，当向下滚动页面时，在视口中动画下一行等。
$('.gallery-item').each(function(i){
$(this).delay((i++) * 200).fadeTo(400, 1);
});
要了解我希望实现的效果，请访问firstborn studios工作页面
任何帮助都将不胜感激。
浏览 0提问于2016-02-11得票数 0
当用户向下滚动到某个<div class="">时，元素div将淡入。
我找到了一个使用jQuery插件的解决方案，以及另一个用来检查div在页面上是否可见的解决方案。它起作用了。
然而，一旦用户滚动到div的顶部，它就会很快淡入，所以用户无法看到div淡入。只有当用户滚动到div的底部，以便用户可以看到整个div的淡入效果时，我如何才能使div淡入？
浏览 2提问于2011-03-20得票数 11
回答已采纳
我需要创建一个bootstrap 4布局与一个图像，该图像后，页面滚动，图像到达页眉底部，但当页面向下滚动到页脚和页脚进入视区后，图像应该开始与页面再次滚动。图像应该只在大的和超大的bootstrap 4网格上是粘性的。我正在寻找的行为应该与新的bootstrap 4类" sticky-top“添加到图像中是一样的，只是使用css和jquery，因为由于缺乏浏览器支持，我不能使用sticky-top类。有没有办法用jquery做到这一点？
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bo
浏览 0提问于2017-02-14得票数 0
2回答
我有一个div，它的高度比屏幕大，我想让它保持原样，但这个div在底部也有一个水平滚动条，这个滚动条在用户向下滚动之前是看不到的，这有点宽。您必须向下滚动，向右滚动，然后向后滚动，以查看您需要的内容。所以我想知道是否有一种方法可以修复屏幕底部的滚动条，以便用户可以随时使用它。
这里有两张照片来证明我的问题
我现在拥有的是：
我想让它看起来是什么样子：
我本来打算用jQuery自己设计一个滚动条，但是我想知道如果没有这么多的努力，这是否可行。
示例: jsfiddle.net/jy3HK/
另外，请尝试回答我的问题，不要修改它。我希望我的应用程序尽可能地可定制。已经有一个取消底部滚动的选项，但我
浏览 0提问于2013-04-20得票数 0
回答已采纳
我有一个水平和垂直居中的div。问题是，如果我向下滚动，div也会向下滚动并停留在中心。我怎么解决它不能向下滚动的问题？
现在它完美地居中(我使用页边距是因为图片的大小(200px X 200px))。但当向下滚动时，它会停留在中间。
.logo {
width: 200px;
height: 200px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -100px;
margin-left: -100px;
}
<image class="logo&#
浏览 11提问于2017-06-28得票数 3
回答已采纳
我正在尝试建立一个网站的初始‘登陆页面’的外观，然后您可以向下滚动查看其余的内容。
我可以很容易地创建一个div来适应我当前使用的设备的屏幕，但是我如何为其他不同屏幕大小的设备编写代码呢？
我试过使用“100%”，它一开始当然有效，但当你滚动时，它会继续充满整个屏幕。我已经尝试定义一个特定的纵横比，但同样，这将只适用于我正在工作的屏幕。
为了清楚起见，我希望div或img在用户第一次登陆时填满屏幕，然后当用户滚动div/img时，div/img应该随着页面的其余部分向上移动。
我想只使用HTML或CSS来实现这一点。
提前感谢您的任何建议！
浏览 9提问于2016-08-17得票数 1
回答已采纳
1回答
移动滚动到屏幕外
、、
我正在制作一个移动网站，并有一个滚动条，但由于某种原因，它不是向下滚动侧栏，而是向下滚动整个网站(出于某种随机原因，它只是白色，似乎只是增加了网站的总高度)
所以问题是我如何让移动用户不能移动他们的视窗？
举个例子：
移动用户只能查看此图像的蓝色部分吗？
感谢并为这个问题的糟糕措辞道歉。
浏览 2提问于2015-09-17得票数 0
商业目的:我正在构建一个纵向相当长的管理页面，即用户有时必须向下滚动才能看到内容。在用户编辑内容后，我启用了一个"Save“按钮。
问:我如何定位一个div，使其绝对位于右侧: 5px，底部: 5px;，并且当您上下滚动时，它保持在该位置？所以，当我向下滚动时，它仍然在最右下角？
希望这是足够的描述！
谢谢!
浏览 1提问于2011-12-15得票数 1
回答已采纳
你如何填写高度时，网站是放大100%？当放大时，我不想让元素继续填充屏幕。更清楚的是，当用户进入网站，网站被放大到默认的100%，整个屏幕应该填充一个颜色。但是，当用户向下滚动或缩放时，填充不应动态更改其高度。
从注释中，我编辑代码以获得更好的结果，但现在元素周围存在空白：
header.mainHeader {
background-color: #282828;
width: 100%;
height: 100vh;
box-sizing: border-box;
}
浏览 1提问于2016-08-28得票数 0
回答已采纳
1回答
我有一些困难的反应设计，我有一个粘性肚脐效果的桌面版本的我的网站，这是完美的，但在移动设备上，粘性肚脐阻碍用户的经验。当我向下滚动肚脐显示，它应该，但背景颜色的粘性导航阻碍了可见性的文本，是在屏幕上。我确实希望只有当用户选择移动汉堡包图标时，粘性导航的背景颜色才会出现，而不是当它滚动下来时，背景就会出现，这是很烦人的。谢谢你提前提供帮助。
我尝试过将类设置为“无显示”，但是这是有效的，但是当我只想在用户滚动时禁用粘性导航条背景时，它会禁用桌面和移动上的粘性导航条，而当选择汉堡包图标时，它就会显示出来。
js
$(window).on("scroll", function() {
浏览 1提问于2019-08-14得票数 0
1回答
需要CSS动态粘性页脚
、、、
我正在尝试创建一个HTML表单，这是固定在页面的底部。因此，当用户向下滚动时，我希望输入框固定在底部。
但是，当用户滚动到某个点(比如页面向下滚动的70% )时，我希望表单不再粘滞，并与其余内容一起向上移动。
有谁对如何使用CSS/jQuery做这件事有什么想法？
浏览 2提问于2013-01-04得票数 0
1回答
嗨，我很好奇如何在youtube页面上使用带有滚动功能的全屏。 通常情况下，当你将视频放入全屏模式时，不会有滚动。但是对于youtube来说，他们能够使视频全屏(扩展到浏览器)，并且仍然允许用户向下滚动页面。 我有一种感觉，他们在玩某种把戏，“劫持”全屏功能，并触发视频进入影院模式。 根本不确定从哪里开始编写代码。
浏览 68提问于2020-01-05得票数 1
回答已采纳
我正在使用Qt来构建多页文档的视图。我像在ImageViewer示例应用程序中一样，将每个页面绘制到一个单独的QLabel小部件。
使用QVBoxLayout垂直组织QLabels。这一切都工作得很好，页面之间有一点灰色的边距。
我现在想要的是，当用户向下翻页时，移动滚动条，使特定QLabel的顶部显示在窗口的顶部。“确保”函数可能会做到这一点，但我不会立即看到如何做到这一点。
有没有人做过这样的事情？
浏览 2提问于2014-09-15得票数 1
2回答
一个HTML元素一出现在屏幕上，它的动画效果是怎样的？
我在堆栈溢出上发现了一个例子，当你向下滚动足够远的时候，信息元素就会滑入页面。这背后的诀窍是什么？
浏览 0提问于2014-10-31得票数 6
回答已采纳
当用户在黑莓上浏览我的网站时，他们无法水平滚动。这一点很重要，因为Blackberry上的视图端口比站点的宽度要小。他们仍然可以向上和向下滚动，只是不能左右滚动。另一件事是他们也不能缩小网站。最后，网站也不会改变方向。在iPhone和iPad上测试时，缩放和滚动工作正常。
这会不会是元标签或视图端口设置导致的？可能导致此问题的原因有哪些？
浏览 0提问于2012-01-18得票数 0
回答已采纳
2回答
了解Skrollr数据值
、、、、
我正在尝试理解Skrollr的javascript脚本库，我很难理解数据值，以及它们在绝对和相对之间有何不同。
我在div上有一个背景图像(大约比div高2倍)，我想在向下滚动页面时向下滚动。这是我到目前为止所拥有的。
<div id="jumbotron" data-top="background-position: right bottom;" data-bottom="background-position: right top;" >
什么是数据顶部和数据底部？从文档中我可以看出，data-top是div #jumbotron
浏览 3提问于2016-03-05得票数 1
event.pageY为您提供相对于整个文档高度的鼠标位置(我假设为document.documentElement.offsetHeight)。
但是如何获得鼠标相对于当前视区的位置，即document.documentElement.clientHeight
例如，如果浏览器窗口的高度为720像素，我向下滚动3页并将鼠标保持在窗口中间，则位置应为"360"，而不是1800 (720x3- 720 / 2)。
浏览 4提问于2013-02-06得票数 35
回答已采纳
2回答
我想在Html文档的可见部分的底部放置一个弹出窗口，即使我向下滚动？
html文档在窗口中放不下，所以我必须向下滚动才能全部查看。每次滚动的时候，可见的部分都是不同的。那么，如何获得当前可见部分底部的坐标呢？
任何帮助都将不胜感激。
致以敬意，
贺拉斯
浏览 0提问于2012-12-22得票数 0
我现在已经开始在cam网站上播放了。有害怕被记录，所以想得到dmca按钮的网页上的摄像头得到广播。我使用的网站只允许用户使用html。所以我尝试了下面的代码。
<a style="display:scroll;position:fixed;top:100px;left:100px;" href="#" title="Back to Top"><img src="source to button "/></a>
这段代码运行良好，除了当网页向下滚动时，按钮也会向下滚动的问题。这使凸轮区域清空。
有
浏览 1提问于2014-01-23得票数 0
如何实施以下内容：
我想要一个div跨越身体的宽度和高度，当你向下滚动时，你会看到另一个分区占据身体的相同的宽度和高度，如下面的页面所示
这怎麽可能？
浏览 3提问于2016-02-03得票数 0
回答已采纳
3回答
我在wordpress标题中有以下脚本，当用户向上滚动而不是向下滚动时(第一次除外)，它会使我的#s-nav动画化。
然而，我不希望它在移动设备上运行(我希望当屏幕小于768px时能够更改css )
<script>
var didScroll;
var lastScrollTop = 0;
var delta = 5;
var navbarHeight = $('nav').outerHeight();
$(window).scroll(function(event) { didScroll = true; });
setInterva
浏览 12提问于2016-07-28得票数 0
回答已采纳
很抱歉标题含糊不清，如果没有详尽的描述，很难解释我的意思。
我有一个已经构建的CPU模拟程序，在这个程序的图形用户界面中，我有一个用文本字符串填充的JTextArea，如下所示
0x01 : $00 (0) [BRK]
这些文本行表示保存在大小为256字节的RAM存储器中的值。JTextArea包含256行这样的代码行，每一行都显示该特定内存地址中保存的内容。它看起来像这样
0x01 : $00 (0) [BRK]
0x02 : $00 (0) [BRK]
0x03 : $00 (0) [BRK] <-- PC
0x04 : $00 (0) [BRK]
0x05 : $00 (0) [
浏览 0提问于2018-03-08得票数 1
我想创建一种滚动视图，它的元素固定在视图的中间，用户需要将元素移动相当多的量，或者视图反弹回到视图的中间。
我试着把几个overscrolls放在一起，创建一个弹跳效果，但是效果不是很好。
有没有支持这种滚动视图的库？或者有什么方法可以做到这一点？
浏览 23提问于2021-02-12得票数 1
1回答
我正在向一个站点添加一个JavaScript驱动的子窗口。基本上，部分UI位于屏幕左边缘之外，直到用户触发链接；然后移动到可见位置。我有一系列的五个，但还没有得到单独的名誉点来链接它们。
出于可访问性的目的，我想使用包含文档片段的链接，因此：
<a href="#quicklinks" id="quicklinks-trigger">Quick Links</a>
使用相应的JavaScript (使用jQuery)：
$("#quicklinks-trigger").click(function(e){
$("
浏览 0提问于2010-11-09得票数 2
回答已采纳
1回答
让我们直截了当地说:当用户滚动x值时，我希望侧边栏开始移动。现在，一旦侧边栏到达它的末端，我希望它保持固定和滚动到页脚。这是我得到的。
这是我的Javascript
$(document).ready(function() {
// Cache selectors for faster performance.
var $window = $(window),
$sidebar = $('#anchor'),
$sidebarAnchor = $('#right');
// Run this on scroll events.
$windo
浏览 1提问于2013-10-28得票数 0
回答已采纳
2回答
如何使弹出窗口(基本上是具有高z索引的隐藏div )在屏幕中间打开，即使用户向下滚动了一点：
--当我使用position:absolute;left:50%;top:50%;时，弹出窗口会在屏幕中间打开，但当用户滚动到页面下方时，窗口将“卡住”在页面中间。当我使用position:fixed;top:50%;left:50%;时，窗口不会被“卡住”，但它不会位于屏幕中央(如果用户在打开页面之前被压下来，窗口就会在页面的开头打开，用户必须向上滚动才能看到)。
我怎样才能同时达到这两个目标？打开中心相对于用户当前位置的弹出，并在打开后取消它。
(在Facebook上，在活动中打开“好友名单”或“
浏览 4提问于2010-11-16得票数 2
回答已采纳
当用户打开我的网站时，我的屏幕上有一个信息框(div)。一旦用户向下滚动，并且该框对用户不再可见，我希望该框在滚动时始终显示在右上角。
我知道如何让它始终可见(位置:已修复)。问题是，我怎么知道滚动时用户看不到它呢？如果有帮助的话，我也可以使用JavaScript。我更喜欢Prototype JS。
谢谢!
浏览 5提问于2013-05-08得票数 0
回答已采纳
2回答
我试图检测用户何时滚动到文档的底部。我目前的解决方案在桌面浏览器中工作得很好，而Mobile在横向模式下工作得很好(有1 1px方差，我还无法解释)。然而，我得到了一个完全不同的结果移动Safari在景观模式。
这里有一个有用的例子：
检测程序归结为：
if ($(window).scrollTop() + $(window).height() >= $(document).height())) {
// Bottom reached
}
您能否解释这两种模式之间的差异，并帮助我可靠地检测用户何时滚动到文档的底部？
更新
我已经更新了链接的例子，修复了由飞毛刷指出的错误。景观模式和肖
浏览 2提问于2013-01-28得票数 2
1回答
嗨，我有一个有两个区域西部和中心西部持有面板的树和中心是一个选项卡面板iam使用的applyTo:div来渲染面板，但问题是jsp页面im渲染到已经有一个页眉和页脚，当我渲染视口它走出浏览器视图，而且我不能向下滚动查看所有的contents..is有人有任何想法，请帮助…
浏览 3提问于2011-03-25得票数 0
回答已采纳
1回答
工作地址：
我要做的是在背景区域(1280x800)之外隐藏内容。我喜欢当你滚动到一个新的部分时背景出现的方式，但我想隐藏内容直到它进入1280x800视口？对如何实现这一点有什么建议吗？
如果我还可以在顶部导航下隐藏内容，那么Bonus...It就太好了，一旦它在它下面滚动。一个人可以做梦。:)
谢谢!
浏览 0提问于2012-10-22得票数 0
回答已采纳
4回答
无滚动的HTML单页
、、、、
我想创建一个网页。我需要的是网页应该是固定的大小基于用户窗口的大小，就像我们不需要向下滚动看到一些东西。我可以将其更改为特定的高度，但问题是，当调整浏览器窗口的大小时，它再次包含滚动选项，因为图像大小
在上面显示的图中，第一个图像变得过大，因此它显示空白空间而不是响应在第二个图像中用户窗口的大小变小因此他们显示滚动视图，问题是我希望它变得灵活。改变窗口大小会改变div的高度，而不是显示滚动选项。有人能在这方面帮我吗？
谢谢你们的回答！也回答如果我想要3列等宽固定高度与相同的无滚动选项
提前感谢
浏览 2提问于2017-02-03得票数 7
我需要在用户向下滚动超过一定数量的像素后更改元素的样式，然后在用户向上滚动后将其更改回来。我已经在使用jQuery了，所以如果可能的话，我想使用jQuery。有没有人能举个例子，一旦用户滚动超过200像素，你就向div添加一个类名，然后当用户滚动回到200像素以下时，再删除这个类名？
浏览 0提问于2009-08-15得票数 7
好吧，我被难住了。我有一个HTML表，它是在一个固定的高度，可滚动的div，我需要选择(使用jQuery)所有的表行是可见的。这是在屏幕上可见的所有行。这将取决于用户当前在div中滚动到的位置。所以，下面是HTML：
<div style="height:300px;overflow:auto">
<table id="mytable">
<tr><td>Row 1</td></tr>
<tr><td>Row 2</td&
浏览 0提问于2011-12-01得票数 4
回答已采纳
3回答
这个问题与游戏相关，但我认为它也可以应用于其他用例。
我有一个比屏幕更大的无缝图像。大约是它的两倍。我们的目标是让这个图像可以在表面上的任何方向滚动。这是针对Android的。
我已经看到了一些关于图像的问题/答案，但不是无缝图像。
这里的不同之处，以及我的问题是，当在某些点上，显示的图像可能有4个独立的部分时，如何处理滚动(当用户对角线滚动到图像的一半时)。
当你想要从一个图像的边缘滚动到另一个边缘时，如何做是非常明显的。使用一个世界值，并使用一个矩形来显示你所在位置的一种“视区”。
类似于：
Rect oRect1 = new Rect(dWorldX, dWorldY, dWorldX
浏览 0提问于2011-09-09得票数 3
回答已采纳
1回答
手机网站溢出？
、、、
我开始创建一个手机网站，一切都很好，但有一件事不起作用。在任何浏览器中，溢出的-x:隐藏；工作，但当我检查我的手机时，我可以向下滚动左上右...我只想上下滚动。所以我想以某种方式禁用溢出X。在我的浏览器中我没有问题，但在我的手机和其他手机上:/相同的问题。我读了一篇文章-webkit-这应该可以解决我在其他android浏览器上的问题，但我找不到一个网站，上面写着它是如何工作的……
浏览 0提问于2012-12-31得票数 0
2回答
固定元件宽度
、、
我有一个计时器条显示比赛的剩余时间。当用户回答事件的更多问题时，向下滚动，我希望定时器固定在它的位置上。我知道这可以通过将CSS position设置为fixed来实现。
但是fixed需要为元素设置一个width集，或者需要left和right值。我的问题是页面的布局是装箱的，页边距在“框”的左边和右边，这取决于用户的视图，在中间的框有多少宽度.
如何计算页面加载后的宽度，然后将该宽度设置为计时器条，以便fixed属性获取它所需的数据？
我试着将其设置为100%，但对于position: fixed，100%意味着100%的视图端口，而不是父元素，因此条形图从视图外部的右边(如果您能得到我的
浏览 5提问于2022-10-23得票数 0
回答已采纳
1回答
我必须检测一个网站是否被完全向下滚动。在桌面浏览器上，这可以很好地工作：
if($(window).scrollTop() == $(document).height() - $(window).height()) {...}
但在Chrome for Android上，$(window).height()、window.innerHeight和window.outerHeight都会返回非常奇怪的值。这些值与设备显示的实际像素大小不同。
我该如何可靠地解决这个问题呢？
浏览 2提问于2014-02-12得票数 1
1回答
所以我有一个被分成2列的页面。左列是可扩展的表单，很长一段时间询问用户可选的产品首选项。在页面的右侧有一个短得多的“联系方式”表单。联系人详细信息表单是必填项。
其行为理念是，当用户向下滚动以完成左栏可选表单时，页面将只滚动左栏-右栏中显示的联系人详细信息表单保持不变，以避免右栏为空的巨大空白。
使用mootools的实时站点示例： -在上下滚动时查看订单摘要框。
关于如何在jQuery中做到这一点，有什么建议/建议吗？
谢谢!
浏览 0提问于2010-09-03得票数 1
如何使用c#和ChromeDriver截图Selenium/WebDriver的整个网页(包括不可见的部分)？
因此，这是完整的页面，包括没有视图但需要向下滚动的元素。
以下是我的当前代码：
Screenshot capture= ((ITakesScreenshot)driver).GetScreenshot();
capture.SaveAsFile(@"D:\FilePath\screen1.jpeg");
浏览 0提问于2017-12-17得票数 3
1回答
使用CDK自动调整虚拟滚动大小策略保持滚动位置 我有一个很大的项目列表，可以使用@angular/cdk-experimental提供的<cdk-virtual-scroll-viewport autosize>进行滚动(这些项目具有动态高度，因此我使用这种滚动策略而不是FixedSizeVirtualScrollStrategy)。 随着时间的推移，新的项目被插入到列表中，即它们被附加在顶部。当用户向下滚动时，我希望避免新项目将视区中的项目推开。因此，我需要一个机制来维护/恢复滚动位置后，已添加的项目。 我有一个半工作的解决方案(很麻烦，因为它读取私有字段)，但在添加项目后，视
浏览 82提问于2020-11-03得票数 7
回答已采纳
1回答
我需要一种特殊的模板化列表。它不是一个“列表框”--更像是facebook中的一个列表，它只是在添加条目时保持垂直扩展。这个难题的神奇之处在于--列表中的任何项目都可以被“钉住”。固定后，无论在列表顶部添加了多少新项目，或者用户将垂直页面滚动条移动到哪里，固定的项目都不会滚动到屏幕底部(但它可能会从顶部消失)。
这可以比作Excel的“冻结顶行”，但它可以应用于任何行，它们堆叠在列表的底部而不是顶部，并且冻结/浮动直到项目将要滚动出屏幕时才会生效……
如何为一个项目列表(可能是div)编写CSS/javascript，其中任何给定的项目都可以以这种方式‘浮动’在其他项目之上？
浏览 0提问于2012-02-02得票数 2
回答已采纳
所以我想有一个全屏的中央div，并使主体的宽度和高度为150vw和vh，边距为50%，这样当您加载页面时，它将div保持在中央，但您可以向上、向下、向左、向右滚动，稍微超出这个中央div。
如果您执行div 100vw，100vh，然后执行body 200vw，200vh，它只能向右和向下滚动。
这是我对如何达到我想要做的事情的理解：
HTML：
<div>
centered and full screen div?
</div>
</body>
CSS：
body{
width:150vw;
margin-left:50vw;
height:150
浏览 1提问于2020-11-04得票数 0
6回答
我正面临着这个奇怪的问题，看上去像是Chrome手机上的一个bug。
我有一个div的位置:固定；对齐到屏幕的右上角。在桌面上，它工作得很好(它保持在适当的位置)，在移动中，但是，当我向上或向下滚动时，div是移动的。为了更好地解释，我制作了一个视频：
关于向上滚动工作很好
在向下滚动时，div中的一段位置:fixed将消失在视口外。
我试着用小提琴把问题隔离开来，但无法重现。所以我把整个网站封装在一个小提琴里，这个问题就停止了。我还是不明白为什么。
孤立于小提琴中的网站:删除*
直播网站:删除*
此外，我在不同的设备上进行了一些测试，在实时网站上：
Chrome手机
浏览 3提问于2017-06-21得票数 64
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
