1回答
需要反向滚动行为
、、
如何实现以下功能？当滚动条到达某一点时，我需要向上滚动一定数量的像素？
使用JS/jQuery可能不是很好，也许可以将滚动事件绑定到文档，但真的不知道如何实现这一点。
这就是我所拥有的，但它不起作用：
$(document).bind('scroll',function(e){
if (
$(this).offset().top > 3000)
{
$.scrollTo('-800px', 800, { axis:'y&
浏览 1提问于2013-07-27得票数 1
我使用position : fixed作为div，用于页面顶部的div，但是当我使用offset().top作为子值时，它在滚动时给出了不同的值。我试着说：
CSS：
.parent{
position : fixed;
top : 0px;
}
.child{
height : 20px;
margin-top : 10px;
}
联署材料：
console.log($(".child").offset().top);
当我滚动页面时，上面的JS代码给出了不同的结果。
浏览 0提问于2014-11-10得票数 5
回答已采纳
1回答
嗨，我有这个HTMLC/CSS/JS站点：
点击第一个名为"CRYSTALLINE“的图标，模式就会出现。
当我向下滚动页面，并单击图标以显示弹出窗口时，它会将我的页面放在页面顶部。如何在打开此弹出窗口时保护您在站点上的滚动位置？
浏览 0提问于2014-01-10得票数 0
这主要适用于手持触摸设备。
我使用jQuery库和Hammer.js来注册触摸事件。
我有2个元素，一个侧栏和一个内容。内容位于菜单顶部，您可以在内容上向右滑动以显示侧边栏。
当你滑动内容时，我应用了overflow:hidden;，使得只有在侧边栏上才能进行垂直滚动。
现在，尝试滚动内容没有任何作用，但我想将滚动事件转移到侧边栏。
所以当有人试图滚动内容时，侧边栏就会移动，明白吗？
现在这是我正在使用的函数：
jQuery(document).ready(function($){
var element = document.getElementById("wrapper&
浏览 2提问于2014-01-12得票数 1
2回答
我对ionic framework的原生滚动有一个问题。下面的代码在浏览器中运行良好，但在编译为iOS时就不行了。如果我每隔一段时间轮询$ionicScrollDelegate.getScrollPosition()，我就得不到最新的位置值。只有当减速结束或用户再次触摸时，该值才会更新。我研究了所有的ionic滚动代码，但似乎__scrollLeft的值来自更深的内部API，因为我试图使用原生滚动，而不是js滚动。
为了解决这个问题，我尝试使用DOM来获取我的内容相对于窗口的位置：
inversePosition = divContainer.getBoundingClientRect().l
浏览 1提问于2016-05-13得票数 1
2回答
我正在与JS，JQuery和PHP一起工作，试图解决无限滚动问题。问题是，如果您向下滚动页面很长一段时间，然后使用ajax加载更多页面，然后单击链接转到新页面，那么在新页面上使用浏览器的后退按钮时，如何自动转到旧页面中的相同位置？
。使用ajax将新页面加载到滚动中。
浏览 2提问于2013-03-19得票数 3
回答已采纳
我想找出之间的距离文件顶部的元素，这是固定的位置滚动使用香草javascript。
下面提到的代码返回相对于窗口的距离，而不是相对于文档的距离。
JS：
console.log(document.getElementsByClassName('butterfly')[0].offsetTop);
CSS：
.butterfly {
position: fixed;
top: 10px;
right: 10px;
}
浏览 13提问于2018-01-24得票数 0
回答已采纳
1回答
我有一个页面布局，其中全宽图像在顶部，然后在右侧有文本内容。在左边，有一个小的滚动div，里面有社交链接。
它是这样的： (社交链接滚动，然后变得固定，然后从另一个div滚动)。
下面是一个示例，但没有下面拼图的最后一块：
function sticky_relocate() {
var window_top = jQuery(window).scrollTop();
var div_top = jQuery('#e-c-r-top').offset().top ;
if (window_top
浏览 7提问于2013-04-09得票数 1
我不知道该怎么解释这个。
我有一个svg元素，它是一个大的矩形。如果我向下滚动，然后点击我的元素，点击不是我的鼠标所在的位置，而是我的鼠标如果我不向下滚动的位置。
因此，如果我向下滚动100 be并单击我的矩形，单击将注册100 be以上的实际单击。
它的行为就好像我没有向下滚动。
编辑：我使用event.clientX和event.clientY来获取鼠标位置。
我是svg的新手，我不知道合适的关键字来描述我的问题。我正在使用svg.js，尽管我认为它与问题无关。
我想这是一件众所周知的事。有人能给我指明正确的方向吗？我在这里要找什么样的关键词？
问题似乎很简单，我只需要知道该寻找什么。
谢
浏览 4提问于2020-12-31得票数 0
回答已采纳
我创建了一个带有可调整大小的侦听器的JavaScript覆盖函数。除了滚动之外，一切都能正常工作。假设屏幕是1024x768，但是网站的内容占据了1500x700，所以只有一个垂直滚动。哪个JavaScript函数可以检测滚动的数量，以便覆盖它？因为现在JavaScript检测到1024x768，当我滚动时，覆盖就会停止。(如果主体背景为白色，叠加为黑色，则1024将显示为黑色，但对于其余476px，则显示为白色。)下面是我的代码，我已经把它删减到相关的部分。在这个问题得到解决之后，任何有关IE支持的技巧都将不胜感激。到目前为止，它不能在IE8中正确渲染。
//Index.html
rende
浏览 0提问于2012-03-03得票数 0
回答已采纳
2回答
我想标记浏览器滚动条，就像chrome在Control +F中做的那样，只使用html、css和js。
我试过了
放置css位置固定的div
创建滚动条轨迹的线性渐变样式
但在这两次尝试中我都迷失了方向。有什么想法吗？
浏览 0提问于2019-06-21得票数 3
3回答
奇怪的请求，但我需要获取当前浏览器滚动位置作为一个变量。我应该使用什么js或jquery函数？我需要它来弄清楚在边上显示哪些元素。我在网上找到了一些东西，但没有适合我的div的，只有整个页面。
浏览 62提问于2013-02-15得票数 66
回答已采纳
1回答
我正在建设的一个网站出了点问题。
我想要一个效果，如果你在2个div之间的，它将自动滚动后，鼠标已固定约。2秒。
可以在使用ScrollTo.js创建效果的上找到此效果的示例。
我的站点使用相同的布局，每个div容器都是1000px。我可以使用scrollTo.js点击一个链接，将我带到一个容器，但我希望它能检测到它是否不在div的顶部，并滚动到最近的一个。
任何能为我指明正确方向的信息都将不胜感激。
浏览 0提问于2012-10-16得票数 1
1回答
我正在创建一个使用AJAX和PHP的聊天应用程序。我已经成功地将聊天记录对齐在显示聊天记录的div底部。当加载新消息时，消息被成功地添加到div的底部，并使用JS将滚动条置于底部以显示新消息。如下所示：
if(document.getElementById("oldmessages").scrollTopMax)
{
if(document.getElementById("oldmessages").scrollTopMax > document.getElementById("o
浏览 2提问于2014-01-30得票数 1
1回答
我想同时滚动两个div，div在jquery对话框中。我想检测它的滚动事件，然后我可以同时滚动它们。但我在第一步就失败了。对话框html是：
<div>
<div id="div1" style="width=3px; overflow-x:scroll;">hello, world ...</div>
<div id="div2" style="width=3px; overflow-x:scroll;">hello, world ...</div>
&
浏览 5提问于2015-09-12得票数 4
回答已采纳
1回答
我有一种情况，当你向下滚动一个页面到某个按钮，点击这个按钮就会转到一个新的页面(在同一个窗口中)。
如果在新页面中，我实现了另一个按钮，该按钮通过JS使用history.back()返回到起始页面，它的好处是用户精确地(向下滚动)到达他单击第一个按钮的位置。
新情况:我很想保留这个好处，但我不能使用history.back()，而必须使用原始页面的src。由f.e.执行。使用window.location.href = "my_starting_url"；它返回到原始页面，但在页面顶部。为什么？有没有一种简单的方法可以实现与history.back()相同的行为，即在相同的(缓
浏览 0提问于2015-07-01得票数 0
1回答
只在浏览器滚动时添加类
、、、
是否有任何方法只在某人滚动浏览器页面时才将类添加到元素中？
问题
JS
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll <= 100) {
$(".nav").addClass("darkHeader");
} else {
$(".nav").removeClass("darkHeader");
}
});
问题是这个js在向下滚动页面时添加类。
浏览 2提问于2015-05-31得票数 0
3回答
在MacOS上滚动的替代方案
、、、、
所有Mac都有此选项显示滚动条，但默认情况下关闭。
我想知道是否有一种方式显示滚动条，即使这个选项被关闭？
或者，我是否可以使用某种替代方法(JS/jQuery)，只添加一个箭头并触发某种滚动函数？
基本上没有滚动条就能滚动的东西。
编辑
正如建议的那样，我已经开始研究jQuery中的jQuery函数。有没有一种方法可以让current_position变量得到滚动条应该在哪里？
$(document).ready(function(){
// var current_position = $("#container").get_current_positio
浏览 2提问于2018-06-27得票数 0
回答已采纳
我正在使用react呈现两个图表，一个垂直的线形图和条形图堆栈。当我滚动查看下面的barChart时，在每次更新之后，chartjs会强制滚动到(0,0)。我看到一些实现在每次更新后都不移动滚动条的位置。
请帮帮忙
<canvas id="lineChart" onLoad={ load() }>
Your browser does not support canvas, please upgrade to latest browser
</canvas>
<c
浏览 0提问于2016-10-09得票数 7
我正在尝试运行一组延迟加载的广告，所以只有当用户滚动到广告应该是页面的部分时，它们才是可见的。我有一个函数，当我点击div时，它可以完成我需要的功能，但是用户不会点击这个div所在的位置。我的代码是：
export const handleAds = items => {
if (!items) return
for (let i = 0; i < items.length; i++) {
items[i].addEventListener('click', getAds, {
once: true
}
)
浏览 0提问于2019-08-09得票数 0
回答已采纳
我想知道是否有一种获得ViewPager子滚动位置的方法，但是当用户没有垂直滚动它的时候。我的意思是，当用户滚动视图寻呼机时，您可以使用OnPageScrolled方法在OnPageChangeListener中获得滚动位置，但是如果用户没有从寻呼机的开始滑动到它的末尾，它只会在用户触摸它时返回滚动位置，所以如果他只滑动到视图页的中间，就足以使查看器自动更改页面，而它自动滚动，它不会返回滚动位置。我不知道我是否解释得很好..。我希望:p
谢谢。
浏览 4提问于2015-09-03得票数 0
回答已采纳
3回答
在我的例子中，标题在滚动上是固定的，但只有当我们向上滚动一点时才能看到，而当我们向下滚动时它会隐藏起来，这一切都很好。
要求:标题应该是可见的，如果我向上滚动，滚动应该至少是窗口的高度。例如，如果我的窗口高度是700px，那么标题应该只在我向上滚动页面700px时才可见，而当我向下滚动页面时，标题会立即隐藏。
提前谢谢。
浏览 0提问于2017-08-07得票数 1
编辑以使其更清晰：
我正在尝试获取从当前滚动位置到列表末尾的滚动距离。
我正在尝试在一个扁平列表中distanceFromEnd值。我可以使用onScroll获得滚动量，但是我无法获得列表可以滚动的量。我可以使用布局来获得滚动列表的大小，但这个数量比到end的距离要大，因为它包含了非滚动部分(组件的大小)。现在，我使用onEndReached来获取distanceFromEnd，但如果我能在组件加载时获得数量，那就更好了。有人知道如何解决这个问题吗？非常感谢。
浏览 1提问于2019-08-18得票数 0
使用Swup JS，我获得了一个很好的过渡效果，除了一个问题之外，它工作得很好。 如果我向下滚动到页面"A“上的某个点，点击url以转换到页面"B"，我不会转换到页面"B”的最上面，而是滚动到相同或关闭的位置。 我怎么才能让swup js不记得滚动的位置，并把我转到页面的顶部呢？
浏览 74提问于2020-06-21得票数 0
回答已采纳
1回答
我正在尝试使用纯javascript获取当前滚动位置并保存它。
之后，我想将其滚动到保存/当前滚动位置。
在列表中附加了onScroll事件，此函数在事件上被调用：
// I wanted to get a scrolled position and scroll it into that position
handleScrollPosition = (e) => {
const container = document.getElementById(this.props.id);
container.scrollTo(container.offsetLeft - e.scro
浏览 4提问于2019-11-27得票数 0
回答已采纳
2回答
这只是一个基本的例子，尽管有overflow-y:visible属性，垂直滚动是如何出现的。我有一个表格，我想在大数据的情况下有水平滚动，set.Horizontal滚动应该是动态的，所以我设置了overflow-x:auto，但这破坏了打开创建垂直滚动的下拉菜单的行为。
怎么啦？
提前谢谢你。
class Example extends React.Component {
constructor(props){
super(props)
}
render(){
return (
<ReactBootstrap.DropdownB
浏览 19提问于2018-03-01得票数 1
回答已采纳
当用户单击几个不同的链接时，我使用以下代码滚动窗口：
$(document).ready(function(){
$("#footerlink").click(function(){
$("#slide1").slideto({});
});
$("#logo").click(function(){
$("#slide1").slideto({});
});
$("#home").click(function(){
$("#slide1").slideto({});
})
浏览 0提问于2012-09-12得票数 1
回答已采纳
2回答
我有一个页面，我试图修复，以便保持滚动位置时，用户按下后退按钮(浏览器)。假设我有一个名为list的组件，其中我向用户展示了一些产品。要查看所有产品，用户可以向下滚动list组件。当用户单击某个产品时，应用程序会将用户重定向到详图构件。然后，当用户尝试返回列表时，单击浏览器的后退按钮，列表组件将呈现，并且似乎会自动滚动到顶部。 据我所知，按下浏览器的后退按钮会触发window.history.back()操作，其他事情都不会发生。 作为解决方案，我在应用程序上下文中实现了一个变量，用于保存scrollY值，然后在我试图呈现的组件(列表组件)的componentWillMount (或useE
浏览 76提问于2021-09-06得票数 2
回答已采纳
我想阻止ScrollView在React Native中滚动。我不想禁用它，我只是想让它在特定的点停止滚动。禁用滚动视图时，动量滚动仍然存在。
浏览 73提问于2021-04-14得票数 0
2回答
我正在使用带有codeigniter的vuejs2。 我在html中添加了以下内容 <div class="container">
...content here
</div> 在一个单独的scripts.js中，我有 script.js
new Vue({
el: '.container',
methods:{
handleScroll:function(event){
console.log("scrolled to", document.body.scrollTop);
浏览 26提问于2019-05-21得票数 0
回答已采纳
3回答
所以，我在做一个Facebook的FBML应用。我想要的很简单。只需在页面中央显示一个div，然后滚动页面即可。也就是说，总是在中心。
使用普通的JS会很容易。我只使用pageYOffset
然而，在使用FBJS的Facebook中，我不确定我应该使用什么。它没有getPageYOffset()..我尝试了getScrollTop()..这似乎不是正确的事情。
所以，有人知道怎么做吗？
浏览 2提问于2010-04-29得票数 0
我有一个场景，只有当div的滚动部分完全滚动时，复选框才会被启用。使用上面的技术和所有的查找，我能够滚动到div的最后一个元素。但问题是，在最后一个元素和滚动的div end部分之间留下了一些空白/填充，这使得复选框不被启用。如果我给你
WebElement element = driver.findElement(By.xpath("xpath"));
((JavascriptExecutor)
driver).executeScript("arguments[0].scrollIntoView(true);", element);
我可以把注意力集中
浏览 0提问于2019-10-31得票数 0
我已经使用闪存UIScrollbar组件滚动我的文本，我已经导入了外部。是否可以操纵滚动条将其放在特定的文本行中？默认情况下，滚动条放在文本的开头，但我希望它放在文本的末尾、中间行或特定行。
浏览 4提问于2013-08-16得票数 0
如何使用鼠标滚动事件来控制div的位置？
我有12个li，其中只有5个在任何时候都是可见的。我希望能够在滚动轮滚动时显示不同的li元素。如果可能的话，我想要一个圆形的布局。
我不想滚动我的页面，而是想要一个画廊。如果你把我所有的li元素想象成照片，如果鼠标滚动，照片会在水平方向上改变位置，比如
我需要在jQuery和水平方向上这样做，而不是在垂直方向上使用vanilla JS。有没有一个插件或者一些有效的代码？
<script src="jquery.js"></script>
<script>
$(document).ready
浏览 0提问于2011-09-28得票数 0
回答已采纳
1回答
我的应用有recyclerView。它在较新的设备上可以流畅地滚动，但在较旧的设备上就不那么流畅了。我想禁用一些视觉功能，如果一些jank在滚动过程中存在。
有没有办法检测recyclerView在滚动过程中是否出现jank？
浏览 0提问于2017-05-28得票数 0
这不是一个特定的JS代码问题，但更多的是iOS处理JS的方式，这在我的站点上造成了比大多数其他网站更多的问题。
仅在iOS上(在Android上不发生)，如果我本机滚动(向上/向下)，然后在滚动完成之前(非常快)尝试激活一些JS，那么它就完全忽略JS了。
我相信苹果这样做是为了让UX始终保持优先级(不要让任何糟糕的JS拖慢用户)，但在这种情况下，它只是一个非常简单的JS，我想让它运行。
例如，如果用户正在滚动，然后快速按下屏幕顶部的一个选项卡，打开一个固定的导航面板，那么如果本机滚动仍在发生，它将不会注册。如果他们再次按下它(卷轴已经完成)，那么它就能工作了。
我还使用JS滑块水平滚动图像，如
浏览 3提问于2014-03-18得票数 1
回答已采纳
1回答
我正在开发一个HTML5应用程序，我正在寻找一些JS库来处理canvas元素上的输入，既适用于桌面平台，也适用于移动平台(否则，HTML5的意义何在？)
基本上我需要拖动形状，因为它是一个类似绘图的应用程序，而且拖动也用于在画布中导航(这是因为它对移动更友好-它们没有滚动条)。如果它也支持按压缩放，那就更好了
我知道kinetic.js和类似的东西，但他们似乎有单独的移动和桌面程序库
浏览 3提问于2011-12-22得票数 0
回答已采纳
ViewPager.getScrollY()获取视图寻呼机本身的滚动Y位置，但是如何在视图寻呼机中获取当前视图的滚动Y位置？谢谢!
浏览 2提问于2014-07-31得票数 1
回答已采纳
4回答
我正在改造我的网站，新的网站可以在上找到
在网站上，主要有两件与滚动有关的事情：
若要检查用户在哪个“页面”上，请计算顶部偏移量和滚动位置，然后向页面中添加一个类。
若要在菜单上平滑滚动，请单击。
我已经为两者编写了代码，但都有很大的滞后。
第一次几乎总是导致滞后。因此，第二个问题也出现了滞后。我已经包含了一个布尔值来检查它是否是平滑的滚动和禁用正常的滚动事件，但是没有太多的变化。
你对如何提高性能有什么建议吗?这样就不会有(或至少，更少)的滞后？(预先多谢！)
...Or与JS完全无关吗？我优化了其他一切..。
编辑：在 无限制的JS
浏览 0提问于2012-12-30得票数 4
回答已采纳
1回答
卷轴上不同的标题
、、、
在我的网站上，我有一个固定的引导头，我需要这个标题完全改变它的内容，当我向下滚动(不仅仅是css)。我想用CSS来实现它:没有隐藏整个标题，只在需要时显示另一个标题，但是我想知道是否还有更好的方法。
更新
这是我的一段代码
HTML
<nav id="nav-estatica" class="navbar navbar-expand-md navbar-dark fixed-top">
MY CONTENT
</nav>
<nav id="nav-fija" class="navbar navbar-expa
浏览 6提问于2022-03-02得票数 0
我在屏幕上的某个地方有一个可滚动的div。
我在某个地方有一个那个div的孩子。
如何滚动div以将该子对象放置在可见区域的中心？
(如何确定div的可见宽度和高度，以及如何滚动以放置以此为中心的矩形控件？)
浏览 5提问于2012-04-18得票数 1
，以下是该页面的实时版本：
我正在使用Bootstrap来构建一个寻呼机网站，而scrollTo正在被用来上下滚动不同的部分。有一个顶部的导航栏，代码是：
<ul class="nav">
<li class="active"><a href="#intro" onclick="$.scrollTo( '#intro', 600 );">Top</a></li>
<li><a href="#service" on
浏览 2提问于2012-07-19得票数 0
回答已采纳
2回答
如何在每个滚动事件上实现自动滚动到下一节网页，但不排除带有香草JavaScript的滚动条。
我尝试使用jQuery动画功能、滚动功能和fullpage.js库，但没有成功。
浏览 18提问于2022-04-13得票数 -1
1回答
For scroll base paging in gwt,i am using the scroll panel and its scroll event.
On scroll event, i have given the async call to fetch record from database.
问：-1)如何限制向上滚动的滚动事件?2)如果用户正在向下滚动，获取数据和display.It可能是用户刚刚再次向上滚动，而现在他正常地向下滚动以查看之前加载的数据？请在这方面帮帮我。
浏览 0提问于2012-10-22得票数 0
1回答
我在angular.js中做了这个工作，但是我不知道如何将它转换成角8，我需要在DOM中找到第一个'iframe‘，然后在触发这个scrollToTop()函数的按钮上滚动到它的顶部。
scrollToTop() {
//need to scroll on body and html elements due to browser differences
let editorBody = this.$document.find('iframe')[0].contentDocument.body;
let editorHtml = this.$do
浏览 0提问于2019-07-25得票数 0
回答已采纳
1回答
我想知道当我做类似于ele.scrollLeft = 200;的事情时，JS在幕后做什么，因为我最近遇到了一个bug。
例如，我有一个将scroll-behavior设置为光滑的元素，然后运行以下操作：
document.getElementById('a').scrollLeft = 300;
console.log(document.getElementById('a').scrollLeft);
它不是打印300，而是打印0。我很困惑，因为如果它的行为像一个常规的JS对象，我希望它被设置为300，然后在调用堆栈完成后，它会将值更改为任何值(在本例中是0，因
浏览 9提问于2022-07-23得票数 0
我想为这两种情况之一注册一个javascript事件：
用户悬停任何“a”元素。
用户正在向下滚动/向上滚动页面，任何'a‘元素的移动都与光标的位置相交。
第一个显然非常容易，但我正在与#2挣扎，因为在Chrome中，滚动不是平滑的，元素将“跳过”光标位置而不触发典型的JS事件。
浏览 2提问于2013-08-15得票数 4
1回答
我在我的页面中有一个列表(#js滚动)，列表中的一些条目(li)有一个类'itemPage'，我想要实现的是当用户滚动时，我想找到离滚动位置最近的'itemPage‘。
就像这样：
$(window).scrollTop().closest('.itemPage');
优素福
浏览 3提问于2014-08-14得票数 0
回答已采纳
1回答
所以基本上我有一个div元素，它有垂直滚动。我可以使用div元素的scrollTop属性从JS更改它的状态，它工作得很好，但是如果我滚动到最底部，然后隐藏该元素(display: hidden)，它的scrollTop返回0，就好像它在顶部一样，但是当我显示它时，滚动在底部，scrollTop显示非0值。这里的问题是，当div元素隐藏时，我不能将滚动位置重置到顶部，它会在显示时恢复滚动位置。有没有办法修改/重置在取消隐藏元素后恢复的实际滚动位置，或者它是否存储在浏览器中无法从JS访问的某个地方？
浏览 5提问于2014-05-28得票数 3
2回答
我有一个QScrollArea，它包含一个具有QVBoxLayout的QWidget。我想实现一个无限滚动，当你得到80%的滚动底部，它加载更多的项目，所以你可以滚动更多。
问题是，当我达到80%并尝试向QVBoxLayout添加更多项时，所有项都会向上移动，以便您可以看到所有新项。如何使QScrollArea在添加新项时保持在相同的相对位置？
浏览 0提问于2012-09-09得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
