使用overflow检测滚动到div顶部:在ReactJs中滚动

文章/答案/技术大牛

发布

1回答

javascript、html、reactjs

对话仅占用100vh的高度减去标题-因此，我必须将其溢出设置为滚动。如何检测用户是否滚动到对话的最上面部分？一旦用户滚动到顶部，我将获取较旧的消息。我做了一些研究，但没有一个是有效的。我认为它们只适用于可滚动的页面。下面的代码片段与我在web上看到的类似。但是，滚动永远不会被触发。

浏览 22提问于2020-07-06得票数 0

回答已采纳

2回答

如果用户向下滚动，如何在x秒后自动转到顶部

javascript、jquery

我有一个CSS属性为overflow: auto的div框。如果用户在DIV框中向下滚动，它应该会在x秒后自动滚动到顶部。谢谢。

浏览 20提问于2020-03-12得票数 2

回答已采纳

2回答

当用户在angular js中滚动到顶部时如何获取事件？

angularjs、angularjs-directive、angularjs-scope、angularjs-ng-repeat、angular-ui-router

你能告诉我如何在用户滚动到顶部时获取事件吗我在示例中使用ng- .Actually我想在用户滚动到底部并滚动到顶部时获取事件.I有一个我使用ng-repeat的.I在scrolling.Actually之后当用户移动到顶部时我们能否获得顶部事件我需要在用户滚动到底部和顶部时显示警报angular .here中的div</

浏览 0提问于2015-06-08得票数 3

2回答

如果div被溢出隐藏，则滚动

javascript、jquery、jquery-selectors、scroll

当带有类'.selected‘的div位于其容器div的底部(被overflow:hidden隐藏)时，我会进行检测。如果是，则向下滚动容器的内容以显示下一个“页面”，方法是滚动相当于容器高度的页面，或者滚动到“.selected”再次位于容器的顶部。做这件事最好的方法是什么？

浏览 0提问于2013-01-10得票数 0

回答已采纳

3回答

分区上滚动条的IE10问题

css、html、scrollbar、overflow、internet-explorer-10

我正在使用div上的滚动条，它在IE10中似乎有一个渲染问题。你知道IE10有什么解决方案吗？链接：.prop-search-content-wrapper{ padding: 0; overflow

浏览 2提问于2013-04-05得票数 16

1回答

当鼠标拉动滚动条时，如何防止滚动事件在调整“滚动顶部”后触发？

javascript、html、scroll、scrollbar

当用户滚动到<div>顶部时，我试图将滚动条向下推几下px。问题是，在将滚动卷按下几个px之后(在我滚动到顶部之后)，浏览器仍然认为我的鼠标在<div>的顶部，而我的鼠标仍然被按住(mousedown)。这是不好的，因为事件不断开火。我正在努力实现的特点： <e

浏览 2提问于2015-11-21得票数 6

回答已采纳

2回答

使用按钮滚动到元素的顶部

javascript、reactjs

我有一个带有长<div>的页面。在这个<div>中，我在底部有滚动条和按钮。我的问题是如何为这个按钮创建一个函数来在这个div中滚动顶部。 Button和div实际上是两个不同的组件。在vanilla js中，这很容易，但在ReactJS中我就不知道了。我是否应该尝试找到dom节点，然后滚动到它的

浏览 2提问于2019-08-19得票数 0

1回答

当我使用jQuery时，为什么滚动到顶部不工作？

javascript、jquery、html、scroll

我有一个弹出窗口，它动态加载内容，并使用overflow: auto来保持弹出大小，从而使其可滚动。我有一个链接在底部，目前使用锚滚动到div顶部。不幸的是，它也迫使页面向下滚动到那个点，同时滚动到该div的顶部。$(

浏览 3提问于2013-12-18得票数 1

回答已采纳

3回答

当用户滚动到角js中的div顶部时，如何显示警报？

angularjs、angularjs-directive、angularjs-scope、ionic-framework

你好，请您注意，当滚动到div顶部的角度为js时，当用户滚动到.Actually底部时，如何显示警告。我知道如何在jquery中使用if(this.scrollTop===0).But来实现这一点，我使用的是带有角度js的离子框架，可以告诉我如何在用户滚动到顶部并显示警报时获取事件并显示警报。这是我的柱塞<div style

浏览 11提问于2015-06-09得票数 5

回答已采纳

2回答

始终显示div的水平滚动。

javascript、html、css、reactjs、scrollbar

下面是我现在为我的代码(ReactJS)提供的基本模板，简化为我的问题所需的模板。这是一个。<div style={{maxHeight: "500px", overflowY: "auto"}}> <code> </code></div> 在</e

浏览 6提问于2022-05-17得票数 0

回答已采纳

1回答

仅在JQUERY中删除Safari的函数

javascript、jquery、html

基本上，我创建了一个页面网站，并在单击不同的链接时使用JQuery创建了ScrollTo效果。因为在页面顶部有一个固定的div，所以我已经将目标偏移到页面顶部的固定div的高度，这样当它滚动时，页面顶部的固定div就不会隐藏内容： var targetOffset= $target.offset().top - $("#div_at_top_of_page"

浏览 1提问于2013-04-17得票数 0

1回答

当制作具有固定html和body但可滚动div的应用程序时 html, body { width: 100vw; height: 100vh; overflow: hidden; } .inside {height: calc( 100vh - 8em ); overflow-y: scroll; } 当我试图滚动到输出响应消息的div的顶部时，它似乎只向上移动了大约200px，但并没有一直移动到顶部因此，为了解释上面的GIF，当用户

浏览 26提问于2019-12-22得票数 0

回答已采纳

1回答

Jquery -动态滚动div到底部不工作的代码

jquery、scroll

本网站中提供的大多数解决方案使用这些代码的一些变体向下滚动到div的底部。$("ol.overflow-element").animate({ }, 1000);.overflow-element {

浏览 2提问于2013-08-02得票数 1

回答已采纳

1回答

锚点链接滚动到溢出隐藏的溢出内容

html、css、overflow

我最近发现，使用overflow: hidden时，页面内的锚点会滚动到元素边缘之外。请看这里-滚动到底部，查看被溢出截断的项目。回滚到顶部，然后单击锚点。它向下跳跃超过底部的溢价。然后试着一直滚动到页面的顶部；你不能，因为页面的锚点/顶部被切断了。 body {} overflow: hidden; padding-top

浏览 28提问于2020-04-14得票数 0

2回答

如何使用Javascript / Jquery检测底部视口滚动条的水平滚动

javascript、jquery、scroll、overflow

我使用下面的代码和一个JS .scroll来检测底部视口滚动条何时被横向滚动(然后根据该事件执行一些操作)。我看到的主体标签滚动条的问题是，只有当你一直滚动到5000px的底部时，它才会显示出来，我将内部div设置为5000px。对于我认为是自然的，HTML-底部-视窗-滚动条，它总是坐在浏览器窗口的底部，如果有滚动到的东西，但我不知道如何检测它的移动。.scroll有没有一种方法可以检测到它正在<

浏览 32提问于2018-08-15得票数 1

1回答

如何将出现在React.js中的模式滚动设置为顶部

javascript、reactjs、scroll、modal-dialog

它包含很长的内容列表，所以我允许使用overflow:scroll。问题是，当模式打开时，它不会滚动到顶部。并滚动到未知位置，因此我需要手动滚动到顶部。这是简单的代码 this.setState({ <div> </<em

浏览 9提问于2018-09-07得票数 3

1回答

如何使用bookmarklet弹出一个div？

bookmarklet

如何在屏幕中间弹出一个div的情况下制作一个bookmarklet？看起来很简单，我就是记不下来。

浏览 0提问于2009-06-07得票数 4

回答已采纳

1回答

使用jquery在div中滚动

jquery、css

我和overflow:auto有一个<div>。此<div>包含一个带有搜索栏的<form>。我正在以相同的形式显示获取的记录，现在我所需要的就是将<div> (我的搜索结果开始显示的位置)滚动到其容器<div>的顶部(而不是页面的顶部)。检查创建的jsfiddle。在这里，我尝试了我在stackoverflow上找到的一个解决方案，但它会将所需的<div</

浏览 0提问于2014-01-17得票数 2

回答已采纳

1回答

包装器溢出后窗口滚动顶部:通过jQuery隐藏

jquery、css、overflow、hidden、scrolltop

我不希望在我的包装器溢出后，窗口滚动到顶部:通过jQuery隐藏。click(function(event) { return false;html：<div id="wrapper"

浏览 0提问于2013-01-31得票数 0

1回答

希望在通过Rails和AJAX刷新部分页面模板时保持滚动位置

javascript、ruby-on-rails、ajax

每次使用AJAX使用滚动条刷新div中的部分页面时，内容都会自动滚动到顶部。是否有方法加载部分并保持滚动位置？<div style="height:600px; overflow-y:scroll;"></div>

浏览 5提问于2015-07-10得票数 2

回答已采纳

点击加载更多