我使用在页面上显示视频，但是PictureInPicture功能存在问题。我试图在用户向下滚动时自动进入PictureInPicture模式，当用户滚动(返回到实际的视频播放器)退出PictureInPicture模式时，再次尝试。
当我第一次向下滚动和向上滚动的时候，一切都在起作用，但之后的任何尝试都失败了。
下面是我的代码的一支笔：
这是从catch块获得的错误消息：
DOMException: Failed to execute 'requestPictureInPicture' on 'HTMLVideoElement': Must be handlin
浏览 1提问于2020-03-13得票数 2
回答已采纳
3回答
大家好，我有一个关于selenium的问题，我有一个很长的表格，我想向下滚动一点来输入数据。我不想让它一直滚动到元素显示。
我使用了以下代码：
WebElement element = driver.findElement(locator);
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].scrollIntoView();", element);
它不工作，因为selenium向下滚动匹配，这是他们的一种方式，它将滚动到这个元素，所以我可以
浏览 7提问于2020-01-10得票数 0
2回答
我有一个函数，当用户滚动检查scrollTop()时，它会被调用，在某个滚动发生后，它会将菜单的z索引从-1更改为1。但是，这只发生在滚动上，所以如果用户刷新站点，那么在下一次滚动发生之前，菜单实际上是不可用的。
有没有办法调用它并检查屏幕滚动的数量(刷新后，而不是用户滚动)是否满足更改z索引的条件？
我的JS：
function getPosition(){
var y = $(window).scrollTop();
var status = (y > 880) ? true : false;
//console.log(status
浏览 3提问于2013-02-24得票数 0
1回答
如何重现“卷轴捕捉”效果？
、、、、
首先，感谢您抽出时间查看这篇文章。
我希望重新创建一个效果，我已经看过很多次，但准确地提出了。
在页面向下滚动时，用户到达一个视频元素(页面上有少量这些元素)，当该元素到达屏幕顶部时，需要在离开该元素之前进行一定数量的滚动。由于元素是全视图高度，它创建了一种“锁定”效果，尽管滚动条清楚地显示我仍然在滚动。
这种互动是如何实现的？
元素的内容，模糊的，视频的，动画的文本都放在一边，一个人如何用100 video和css/js在一个长页面上重新创建这个效果呢？(不喜欢jQuery，只喜欢香草JS)
谢谢!
浏览 4提问于2017-08-01得票数 2
回答已采纳
1回答
我正在做下面的演示，它在我的网站上使用snap.js和chart.js
我添加了一些JavaScript，以便在滚动时显示来自chart.js的内容，但它似乎在以下样式中遇到了一些麻烦：
第10行- CSS：overflow: auto;
它隐藏了内容。如果我删除这个样式，它就能完美地工作：
(无溢出)
我应该创建一个#canvas样式，让我在其他内容前面显示它吗？而不删除snap.js的属性？
浏览 2提问于2014-03-19得票数 1
我正在使用appium和java为iOS应用程序编写自动化测试用例。
我需要做滚动操作，我已经尝试了下面的代码滚动操作。
我需要滚动直到特定的web元素，然后我需要断言特定的元素。
下面的代码滚动到页面的末尾，在到达页面的末尾后，它尝试向下滚动，因此它会抛出错误消息。
我不知道如何结束滚动操作，如果存在特定的web元素，我需要结束滚动操作。
AppiumHelper.isElementPresent(驱动程序，By.name(“注释”)) == false){ System.out.println(“1.”)；WebElement元素=驱动程序.findElementByN
浏览 2提问于2015-09-15得票数 0
2回答
用窗口滚动隐藏，而不是容器滚动
、、、、
我有个棘手的问题。所以我有两个固定的元素，在这两个元素之间有一个空间，我有一个相对定位的元素，到目前为止一切都还好。现在，当我滚动相对定位元素时，将滚动并出现在两个固定元素之间，并出现在第一个元素的顶部，下面是，以使其更加清晰。当滚动时，我希望相对定位的内容不出现，比如如果它是一个隐藏溢出的框滚动。
目标是做一种盒子滚动，但与窗口滚动。
我想要一个css解决方案，但我也向任何js解决方案开放。
浏览 4提问于2013-11-15得票数 0
回答已采纳
body{
background-image: URL("someimage.jpg");
background-position: fixed;
}
这使得在Firefox中滚动变得非常慢。有没有办法获得带有“固定”附件的大的居中背景图像，在Firefox中滚动的效果与附件设置为"scroll“时的效果一样。
感谢您对CSS / JS的帮助！
浏览 0提问于2011-01-18得票数 2
2回答
固定在顶部的两个Div
、、、
我有一个问题与2个div固定在页面顶部。我已经在顶部修复了它们，如果我向下或向上滚动页面，一切都是正常的。但是如果我向右和向左滚动，我看不到第二个div。我该怎么解决它呢？
，您可以通过执行以下操作来查看问题: 1.调整浏览器页面大小2.向下滚动3.向右滚动
代码如下：
<HEAD>
<script type='text/javascript' src='jquery-1.7.1.js'></script>
</HEAD>
<LINK REL="stylesheet" HREF="
浏览 0提问于2012-09-17得票数 2
1回答
我只是想知道是否有一个可滚动区域(即overflow: scroll)的解决方案与滚动条隐藏？我在谷歌搜索时没有找到解决方案，所以我在这里问。这将是很酷，如果这是可能的CSS。但是，如果有JS或php的解决方案，我仍然想知道。
浏览 3提问于2013-10-08得票数 0
回答已采纳
1回答
我希望小行星图像是在一个合理的距离周围的主要标志(标头，)随机的位置，以使它的感觉像卫星围绕标志。我无法实现同样的定位和马吉宁。另外，当我插入图像时，徽标偏移了一点，页面变得可滚动，我不希望页面是可滚动的。请帮帮忙。谢谢!
这里是我的
<body>
<div id="particles-js"></div>
<!-- UP Satellite -->
<div id="up_sat">
<img class="sat sat1" s
浏览 1提问于2019-01-13得票数 0
回答已采纳
1回答
我正在创建图像滑块，它包含在大，100% x 100%，绝对定位弹出div。当滑块被激活时，我需要阻止身体滚动。我尝试了overflow:在js中隐藏了body标签，但它不起作用，我在style.css中尝试了一下，结果是一样的。
body {
position: relative;
overflow: hidden;
display: block;
}
那么如何通过css资源锁定所有页面的滚动呢？
浏览 0提问于2011-08-10得票数 1
回答已采纳
这是我的母版页代码...........
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Home.master.cs" Inherits="AP5.MasterPage.Home" %>
<!DOCTYPE html>
<html lang="en">
<head runat="server">
<meta charset="utf-8">
浏览 2提问于2015-03-12得票数 1
下面的代码是滚动到结尾，但我不想滚动到结尾，我想滚动一些特定的位置：
driver.findElementByXPath("//*[@value='UpcomingInstallations']").click();
JavascriptExecutor js = (JavascriptExecutor) driver;
HashMap<String, String> scrollObject = new HashMap<String, String>();
scrollObject.put("direction", &#
浏览 4提问于2017-11-24得票数 3
2回答
我已经创建了带有水平滚动的顶部菜单栏，top属性是通过JS设置的：
$(document).on('scroll', function() {
$('#headers').css('top', $(this).scrollTop());
});
问题是，当我在IE中垂直滚动页面时，菜单栏也尝试滚动，看起来不太好。有什么办法可以解决这个问题吗？
浏览 3提问于2016-07-22得票数 0
2回答
我知道，可以使用position:fixed相对于其父元素的子元素使用transform。当滚动文档时，是否可以保持固定子节点相对于它的父而不是文档的位置？
Demo
更新：上面是我问题的一个类似的版本。position:absolute：这不是我要找的解决方案。
更新：在执行初始转换后，没有JS似乎是不可能的
浏览 4提问于2017-07-27得票数 1
回答已采纳
2回答
跳转导航栏问题
、、
我的问题相当复杂(至少很难解释)。
我有一个响应性导航栏，默认情况下不是在页面顶部，但是您必须向下滚动一点，才能使导航条到达浏览器窗口的顶部。
在桌面(48em<)上，你可以简单地滚动导航条(所以它在向下滚动时就会消失)，但是当滚动回滚时，它会得到一个“粘性”类(感谢JS)并出现在顶部。
在移动平台上，一旦滚动位置到达导航条元素，导航条就会变粘。
我的问题是移动视图。我必须添加一段CSS代码，这样页面内容在向下滚动时不会闪烁(跳转)。(我只在JS添加粘性类时才需要它。)
.sticky + .content {
padding-top: 58px;
}
当汉堡包菜单关闭的时候效果很好
浏览 0提问于2019-10-13得票数 2
回答已采纳
我创建了一个有足够文本的网站，这样你就可以滚动()了。在右边，我在我的网站上添加了一些特殊功能的按钮，这些按钮定位于fixed，使用CSS top:XXpx;有一个间距。此外，我在菜单栏中放置了按钮，div容器nav-primary。
使用我的JQuery脚本sticky-nav.js，菜单栏在我的页面上总是可见的，即使我向下滚动。因此，如果我向下滚动页面，我的菜单栏将停留在页面的顶部。
我想要达到的目标：
我希望我的按钮始终保持与菜单栏相同的距离。为此，我需要删除CSS代码top:XXpx;。如果我这么做，我的纽扣就会消失。我试图将top改为margin-top，但这并没有解决我的问题。
有
浏览 3提问于2016-02-22得票数 0
回答已采纳
我有一个Jquery工具滚动设置为固定在浏览器窗口的底部。
所有我想要发生的是，当浏览器的高度小于700px时，页面能够垂直滚动。(因此不会隐藏任何内容，因为它都是固定的位置)。这看起来很简单，但却让我头疼不已。js解决方案在这一点上是不错的。
提前谢谢。
浏览 2提问于2010-06-14得票数 0
1回答
我有一个父母的div，有很多孩子的div。
我希望当一个子div被拖到父div中时，然后父div滚动。当父div是主体时，它就工作了。但我希望它能与我自己的父母的"content“div一起工作。
下面是这个问题的js示例：
知道为什么不起作用吗？
浏览 0提问于2015-06-15得票数 0
回答已采纳
2回答
如何在页面滚动上动画图像？
、、、、
我有一个页面，其中我有几张图片。我想知道如何在用户向下滚动页面时使图像变得可见？看看这个页面：
当您向下滚动时，每个图像都有动画效果-(向下滚动，滑入)+淡出。这种效果叫什么?如何实现？是否可以使用纯CSS3或JS也可以完成？
谢谢。
浏览 0提问于2014-01-30得票数 1
嘿，伙计们，我有这样的情况，我必须显示水平滚动文本，方向应该是从左边开始，而不是使用字幕标记.And，它应该只使用jquery1.3.2.min.js插件。
请帮帮我。提前感谢:)
浏览 1提问于2013-02-07得票数 0
1回答
我需要我的侧边栏是可滚动的随着页面的其余部分，直到它达到侧边栏的内容结束，然后它需要被修复。Facebook右侧边栏就是一个很好的例子。
是使用javascript的唯一方式，还是可以不使用它？
如果javascript是唯一的选择，有没有人可以解释一下这个相对简单的东西，或者参考一下教程？我对js不是很在行。
耽误您时间，实在对不起!
浏览 0提问于2013-10-31得票数 0
1回答
我正在努力解决DIV在图片上的正确定位问题。它使用JS向上和向下滚动，效果很好。问题是，我不能调整浏览器窗口的大小。在这种情况下，DIV覆盖了页面的内容。
DIV的CSS：
#topbar_right{
position:absolute;
margin-top: -5px;
z-index: 2;
right:50%;
margin-right:100px;
}
我的问题是:如何定位这个div，使其右边缘始终位于同一位置，并且在调整窗口大小时不会覆盖内容。
感谢您的回复！
浏览 1提问于2013-04-12得票数 0
我使用的是，它在一个Cordova应用程序中实现了Hammer.js，以实现一些简单的手势控件。
我遇到了一个主要问题，即任何触发动画(过渡、变换、SVG动画)的手势，如果屏幕滚动任意数量，当滚动完成时，该动画将冻结并处于结束状态。特别是，我在一个可垂直滚动的页面上有一个元素，它应该(理想情况下)能够被收拢和收拢，以将其扩展为多个元素或重新扩展为一个元素。
我很熟悉，作为一种优化，iOS会在滚动过程中冻结所有动画。然而，由于手指和滑动手势都可以稍微滚动屏幕，这对用户体验来说很糟糕，因为如果用户滑动，例如，稍微向上和向左滑动，精心制作的过渡可能会完全冻结，而不仅仅是直接向左滑动。
我已经尝试了一
浏览 28提问于2017-01-19得票数 2
回答已采纳
示例：
正如你所看到的“有帮助？”元素即使在滚动页面的其余部分时也会停留在适当的位置。我不确定这是只用css就能做到，还是需要js (最好是jQuery)。如何做到这一点？
浏览 2提问于2011-05-12得票数 2
回答已采纳
1回答
位置:固定和水平滚动
、、、、
我正在尝试实现一种折纸鸟图像的效果，它似乎从一个标志向下延伸，随着观众的滚动而向下延伸。我已经设法使用z轴和固定定位很好地工作了，但是一旦页面被放大或调整大小，效果就会被破坏，导致水平滚动。我是一个非常业余的人，花了几个小时阅读非常相似的问题和答案，但没有设法让任何东西起作用。
这就是我想要创建的想法(我已经发布了特定的站点，而不是JFiddle，以更清楚地说明我试图实现的目标)。
我最接近的做法是将'bird‘元素的位置更改为绝对，并在JavaScript中滚动它。(您可以通过删除中js的注释标记并将#bird的位置样式更改为绝对样式来查看实际效果)。这就像我所希望的那样--当垂直滚
浏览 2提问于2014-01-20得票数 0
1回答
我正在尝试让我的站点responsive.But，不管我滚动多少次，它仍然让我停留在同一个div元素上。我使用了一个叫做jquery-responsive.But-scll.js的插件，一个叫做vide.js.The wrapper的插件覆盖了整个页面，如下所示-
#main {
height: inherit;
bottom: 0px;
transition: transform 1.2s ease-out;
position: fixed;
top: 0px;
left: 0px;
width: 100%;
padding:
浏览 8提问于2017-08-25得票数 0
2回答
我使用的是Snap.js插件--(它允许你创建滚动的侧边抽屉/面板)。
它的工作原理是创建3个绝对定位的div，其中一个包含主要内容。
当div本身位于绝对定位的div中时，有没有办法定位固定在窗口顶部的div。
目前，我只是将固定的div固定在绝对定位的div的顶部，而不是浏览器的顶部。当我滚动时，div仍然固定在主要内容的顶部，而不是窗口。
例如：
<div style="position:absolute;">
<div style="position:fixed;top:0">
<!-- some c
浏览 1提问于2013-06-10得票数 11
回答已采纳
我特别想知道如何获得SpineJS文档使用的那种滚动div：
您将看到，如果调整窗口大小，右侧(以及左侧)的滚动div会调整其高度以跟踪窗口的高度。
这个技巧的关键css和js元素是什么？
浏览 1提问于2012-05-15得票数 1
我试图建立一个既有平滑滚动功能，又有固定页脚的网站，它将留在页面底部，链接到组成页面本身内容的每个相应的s。
如果我仅包含页脚的js，则页脚可以工作(例如，)
但是，当我包含平滑滚动的脚本时，它会终止页脚的功能(例如，)
我对javascript的了解有限，在jquery中更是如此，但我可以凑合使用它背后的逻辑。
任何帮助都将不胜感激。
浏览 1提问于2014-05-01得票数 0
1回答
我正在尝试实现一个侧边栏，并将工具提示附加到它的<li>元素上，如：
但是，每当我向下滚动到侧边栏的底部时，工具提示位置就会中断，并且不会坚持它的<li>元素：。
这是：。
你的想法和建议将不胜感激。谢谢!
更新:因此，我遵循了注释中的建议，并使用滚动条高度来使用JS调整工具提示位置。这是更新的。
浏览 6提问于2022-08-17得票数 2
我需要在包含的父文件中定位一个标头，这样当滚动时它就会跟随。问题是
position:fixed
将该位置修复到浏览器，而不是父服务器。这导致的结果是，当我有一个容器有一个横向滚动溢出的宽度(内容比容器宽)，我的固定标题没有溢出-滚动表的内容一样。
参见此
因此，这里的目标是修复头部的位置，但相对于它的父容器是固定的。在这个小提琴中，您可以看到我已经注释掉了一个css块：
.container{
/*-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: tr
浏览 8提问于2015-07-21得票数 5
回答已采纳
我正在使用带有滑动手势的Hammer.js。我有一个主页，这是一个全宽/高的页面。当用户向上滑动时，主页向上移动，一个长的水平滚动页面出现在视图中。如果用户向下滑动，我希望主页回到视图中。
看起来我可以选择：
a)允许向下滑动和向上滑动-没有侧边滚动
或
b)允许向下滑动和侧向滚动-但不允许向上滑动
有没有人遇到过类似的问题，并找到了解决办法？
浏览 2提问于2014-08-07得票数 0
2回答
我在我的网站上使用Darkmode.Js。但是它粘在了页面的左下角。 我希望当我向下滚动页面时，深色模式图标不应该向下滚动。 我怎样才能使它不粘，并把它放在我想要的地方？ 谢谢
浏览 18提问于2020-01-13得票数 3
1回答
整页js水平滚动条出现在ie上
、、、、
我使用fullpage.js插件为我的project.it在所有其他浏览器工作良好，当涉及到ie，它显示一个水平滚动条。
浏览 3提问于2015-12-03得票数 0
回答已采纳
4回答
冻结html表中的标头
、、、
在这里，我有一张桌子，我想在滚动的时候修复这个标题
JS
<script>
$('#scroll').scroll(function(){
if ($('#scroll').scrollTop() > 10){
$("thead").css({
position: 'fixed',
top: '68px'
});
}else{
$('thead').css({
position:
浏览 0提问于2013-12-05得票数 0
1回答
垂直滚动不起作用
、、、
对于下面的代码，垂直滚动条似乎根本不会向下滚动来查看文本？非常感谢您的帮助。我已经尝试更改溢出和位置，但不起作用。也许是javascipt的问题？或者可能是css和js之间的冲突？谢谢：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"><
浏览 0提问于2011-10-24得票数 1
回答已采纳
2回答
我试图使用以下代码在Appium上成功滚动：
// java
JavascriptExecutor js = (JavascriptExecutor) driver;
HashMap<String, String> scrollObject = new HashMap<String, String>();
scrollObject.put("direction", "down");
scrollObject.put("element", ((RemoteWebElement) element).getId());
js.e
浏览 3提问于2015-08-28得票数 5
回答已采纳
1回答
我的目标是有两个不同的滚动div，我不知道如何做到这一点。我尝试过不同的溢出属性，但我只能获得一个自己滚动。
.profile {
width: 100%;
display: flex;
}
.user-posts {
overflow: hidden;
width: 80%;
}
.related-artists {
margin-top: 20px;
width: 20%;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"&g
浏览 0提问于2018-07-21得票数 2
回答已采纳
1回答
在浏览器中模拟窗口尺寸
、、、
我正在开发一个WYSIWYG编辑器，用于构建响应式布局(通过Bootstrap)，作为一个副项目。我希望我可以构建它与缩放/滚动功能(类似于PDF查看器或Photoshop)，并允许用户设置/更改“窗口”的尺寸正在渲染的网站。
为了确保WYSIWYG编辑器正确显示布局，我想将它放在div中，并将div的尺寸设置为我正在模拟的浏览器窗口的尺寸。这是否有可能开箱即用，使用流畅的布局？否则，我可以编辑JS来查找目标div，而不是窗口，以便检测尺寸，但我更喜欢前一种方法。
谢谢!
浏览 4提问于2012-12-07得票数 0
我试图使用JavaScript在页面顶部保留一个标题。无法使用position: fixed，因为标题需要水平滚动。保持在顶部是容易的，但使它成为平滑的是有问题的。对于一些用户来说，Chrome是平滑的，但对每个人来说，Safari都是滞后的。
下面是一个例子：
我如何保持标题固定在顶部，这样它就不会是简陋的，同时滚动。
编辑:要使它落后于Chrome，请尝试在JSBin中切换HTML、CSS和JS选项卡。
浏览 3提问于2016-08-19得票数 1
回答已采纳
2回答
我正在使用vue-js2.0和，以便在移动设备上进行滑动。
如果我初始化我的div如下：
<v-touch v-on:swipeleft="nextDay" v-on:swiperight="previousDay" class="page-content" :style="{ height: pageHeight + 'px' }">
<div style="overflow: auto">
<div class="block" v-fo
浏览 9提问于2017-05-03得票数 1
我有一个div，当用户滚动过父div中的某个点时，它会得到一个“固定”类。固定类只需将子div从绝对定位更改为固定定位。
但是，当用户滚动到添加“固定”类时(如js中的“begin变量”所指定的)时，就会出现问题。用户失去了向上或向下滚动数秒钟的能力。更复杂的是，这个问题只发生在使用此代码的六个父div中的第一个。
以下是添加“固定”类的jquery代码：
var begin = 164;
$("#portfolio_window").scroll(function () {
var y = $(this).scrollTop();
if (y &
浏览 3提问于2013-01-08得票数 0
我在想一个Javascript动画卷轴问题时遇到了一点麻烦。
我使用的是Greensock插件，它构建在SuperScrollorama JS补间类库之上。
我想要的基本效果是向下“固定”一个部分，然后使用垂直滚动来展开一些内容，然后在内容完全展开后“解锁”该部分，这样用户就可以继续滚动了--即
但是当我试图将同样的效果一个接一个地应用于多个部分时，所有的东西都被破坏了:固定元素下面的“未固定”内容被推出屏幕，当它反向执行动画(即向上滚动页面)时，它似乎错误地计算了元素的高度。-即
我一直在摆弄"position:fixed“和"pin-spacer”div，并尝试将Super
浏览 2提问于2012-05-28得票数 2
回答已采纳
因此，在阅读了Stack溢出和web之后，我发现要达到100%的高度，有两个主要的技巧：
position:absolute和设置高度：和BODY都将元素设置为具有：高度:100%，或顶部:0，底部:0，
然而，即使使用这些技巧，我也很难将绝对定位的DIV的高度设置为真正的100%。我可以获得视口大小的100%，但是如果用户向下滚动，很明显，div实际上没有100%的高度。
我在这里做了一个简单的JS：
我的问题是:有没有人知道更多的诀窍来得到一个真实的。内容高度，而不是视点高度) 100%高度绝对定位div？
浏览 5提问于2012-04-13得票数 9
回答已采纳
简单地说，我希望图像上下移动，而不是左右移动。我找到了这个jquery，并改变了它来帮助我自己，它在chrome和firefox中都可以工作，但是上帝帮助我使用IE (像往常一样)。
试图做到这一点：是中间的那个。只能在chrome和ffox中工作，不能在IE 9中工作
/*js*/
$(document).scroll(function(){
var $this = $(this);
$(".natface").css('left', 114 - $this.scrollLeft());
});
/*css */
.natface{
position
浏览 1提问于2012-10-13得票数 3
回答已采纳
2回答
我想在我的页面上设置一个“向后兼容”滚动侧边栏。
我有一个页面，里面有关于一种鱼的信息，这些信息可以是非常长的，并伴随着它的图像。
这些图片现在在右边的窗格中，我希望他们在滚动到页面底部的时候跟随用户。
我使用了以下代码，并取得了一些成功：
jQuery().ready(function($) {
var $scrollingDiv = $("#sidebar");
$(window).scroll(function(){
$scrollingDiv
.stop()
.an
浏览 3提问于2011-12-27得票数 0
回答已采纳
1回答
我在React中使用以下代码来设置粘性头部。我包含了top和setTop来演示是什么导致了这个问题。我没有在标题中包含CSS，因为top的值表明问题与CSS无关(如果需要，我可以更新问题)。
const BodyHeader = props => {
const [top,setTop] = useState(0);
const ref = useRef(null);
const handleScroll = () => {
if (!ref.current) return;
setTop(ref.current.getBou
浏览 7提问于2021-05-14得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
