我正在尝试做一个小指令，如果div当前滚动到底部，它将保持div滚动到底部，但如果用户向上滚动，则不会滚动到底部，但如果滚动回底部，将继续向下滚动，这是我到目前为止的代码片段
Vue.directive('scroller', {
bind: function(el, bindings, vnode) {
},
componentUpdated: function(el, bindings, vnode) {
console.log(el.scrollHeight - el.scrollTop, $(el).outerHeight())
if (el
浏览 2提问于2016-12-29得票数 5
1回答
我正在开发一个单页面应用程序，因为我有三个div，我需要分别显示隐藏。在中间的div中，我有一些选项卡，我可以在其中执行滑动操作。
我使用Hammer.js进行滑动，使用jquery-scrollto.js进行滚动
HTML
<div id="revolutionary">revolutionary</div>
<div id="middle">middle</div>
<div id="agendaa">agendaa</div>
JS
$(document).ready(
浏览 1提问于2014-12-12得票数 0
1回答
我可以看到，传统上您可以设置div的scrollTop并将其滚动到底部，如下所示：
但是如果我的div是display: flex，那么上面的技术就不能工作：。如何使用JS将div滚动到底部？谢谢!
浏览 3提问于2016-11-05得票数 0
回答已采纳
我正在创建一个聊天应用程序，当消息加载时(从Firebase)，包含消息的div滚动到底部以显示最新的附加消息div。scrollTop确实有点工作，但是它不会一直滚动到底部，不管我为scrollTop使用了什么值。我已经尝试过JS和jQuery版本的scrollTop，但两者都无法将其滚动到底部。下面是我的一些代码: HTML
<div id="msgContainer">
<div id="msgFeed">
//Messages load here from a database
</div>
&
浏览 0提问于2018-03-06得票数 0
我使用Typed.js动态地向div添加文本行。几秒钟后，固定高度的div会形成一个滚动条.我想保持滚动条滚动到底部，因为内容是连续添加的，而不编辑我的Typed.js库的代码。
我能够用代码完成这一任务：
window.setInterval(function() {
var elem = document.getElementById('scrollBottom');
elem.scrollTop = elem.scrollHeight;
}, 500);
但是，如果用户试图向上滚动，代码显然会迫使div向后滚动到底部。相反，我希望它允许用户自由滚动，如果他们愿意(
浏览 2提问于2017-06-10得票数 0
回答已采纳
我想使用react钩子滚动屏幕到底部，我在Messages.js组件中接收消息数组，并将每条消息发送到Message.js组件，以便根据用户加载，但我无法实现自动滚动到底部。这是我的代码Messages.js：
import React from 'react'
import Message from './Message';
function Messages(props) {
return (
<div>
{props.messageDetails.map((message) =>
浏览 3提问于2020-05-12得票数 0
回答已采纳
2回答
如何让一个带有滚动条的元素从滚动条的底部开始？
我有一个带有overflow: scroll的div。当加载元素时，默认情况下，我们看到元素的顶部，您必须向下滚动。我希望视图从div的底部开始。
JS小提琴示例。默认情况下，目标是加载底部元素：
浏览 0提问于2013-02-19得票数 1
回答已采纳
32回答
滚动到div的底部？
、、、
我正在使用Ajax请求创建聊天，并尝试让消息div滚动到底部，但没有太多运气。
我将所有内容都包装在这个div中：
#scroll {
height:400px;
overflow:scroll;
}
有没有办法让它在默认情况下使用JS滚动到底部？
有没有办法在ajax请求后保持滚动到底部？
浏览 41提问于2008-11-06得票数 967
回答已采纳
我使用下面的代码和一个JS .scroll来检测底部视口滚动条何时被横向滚动(然后根据该事件执行一些操作)。当我瞄准HTML标签时，它不会触发，但是如果我用.scroll瞄准BODY标签，它就会触发。
我看到的主体标签滚动条的问题是，只有当你一直滚动到5000px的底部时，它才会显示出来，我将内部div设置为5000px。对于我认为是自然的，HTML-底部-视窗-滚动条，它总是坐在浏览器窗口的底部，如果有滚动到的东西，但我不知道如何检测它的移动。
.scroll有没有一种方法可以检测到它正在滚动，或者有没有其他方法可以检测视口是否正在横向滚动？
<html>
<head>
浏览 32提问于2018-08-15得票数 1
请考虑以下几点：
假设我的鼠标位于div A中，并使用鼠标滚轮滚动到divA的底部或顶部。当我到达div A的底部并继续滚动方向盘时，它将开始滚动div B。我希望鼠标滚轮只滚动光标所处的当前div。
用任何标准的CSS都可以做到这一点吗？或者我需要连接JS/jQuery事件来检测我当前所在的div并停止滚动事件？我希望有一个CSS解决方案。
提前感谢您的帮助！
浏览 3提问于2012-03-15得票数 3
回答已采纳
1回答
所以基本上我有一个div元素，它有垂直滚动。我可以使用div元素的scrollTop属性从JS更改它的状态，它工作得很好，但是如果我滚动到最底部，然后隐藏该元素(display: hidden)，它的scrollTop返回0，就好像它在顶部一样，但是当我显示它时，滚动在底部，scrollTop显示非0值。这里的问题是，当div元素隐藏时，我不能将滚动位置重置到顶部，它会在显示时恢复滚动位置。有没有办法修改/重置在取消隐藏元素后恢复的实际滚动位置，或者它是否存储在浏览器中无法从JS访问的某个地方？
浏览 5提问于2014-05-28得票数 3
我有以下Django模板：
<div id = 'test'>
<form>
<ul id = 'dialog_list_container'>
{% include page_template %}
{% block js %}
{{ block.super }}
<script src="/static/js/el-pagina
浏览 1提问于2017-03-13得票数 0
回答已采纳
2回答
"正在使用rails中的ajax请求创建一个聊天，我试图让一个div滚动到底部。
比如实例代码是这样的：
#scroll {
height:400px;
overflow:scroll;
}
有没有办法让它默认使用JS滚动到底部？
有没有办法让它滚动到底部ajax请求后？"
浏览 276提问于2017-12-19
1回答
jQuery滚动固定分区
、、、
我想让左边的div滚动内容，但问题是这个div比屏幕高。如果用户在页面的底部，他们必须看到左侧div的底部。
我使用jQuery作为js库
浏览 0提问于2011-08-01得票数 2
1回答
考虑一下，我的鼠标定位在边栏上，我使用鼠标轮滚动到边栏的底部或顶部。当我到达边栏的底部并继续滚动方向盘时，它将开始滚动主内容。我希望鼠标滚轮只滚动光标所处的当前div。
这是可能的CSS吗？或者我需要连接JS/jQuery事件来检测我当前所在的div并停止滚动事件？我希望有一个CSS解决方案。
提前谢谢
浏览 2提问于2021-03-16得票数 0
回答已采纳
我有一个侧边栏，我想成为位置:固定，并抓住底部的屏幕，但只有在整个div已经滚动过去。
div需要像普通的相对于它的父版本滚动，然后当该div的底部与浏览器窗口的底部相遇时变得固定。我正试图实现像 one这样的侧边栏。
我在网上看到了一段JS，我已经把它包含在我的中了，但是我对JS不太在行，我甚至不确定我是否做了正确的事情&似乎无法让它发挥作用。
$(document).ready(function() {
var s = $(".sidebar");
var pos = s.offset().top+s.height(); //offset that
浏览 2提问于2015-07-08得票数 0
2回答
我正在尝试使用一个按钮将页面滚动到给定的元素id。我现在有这个，但我希望它有点不同：
滚动直到蓝色div (#three)的底部位于页面底部，而不是div顶部滚动到页面顶部。
只有当元素在屏幕上对用户不可见时才滚动。
这是如何做到的呢？
<button id="btn">CLICK</button>
<div class="test" id="one"></div>
<div class="test" id="two"></div&
浏览 2提问于2015-09-26得票数 4
回答已采纳
0回答
是否可以将div的高度设置为小于div的高度？
例如，height设置为400px和overflow-y:scroll的<div>。然后将滚动条的height设置为300px？因此在滚动条的底部和<div>的底部之间有一个间隙。
只有CSS才能做到这一点吗？如果不是，那么可以简单地使用一些JS来实现吗？
浏览 8提问于2016-07-09得票数 1
我正在尝试找出是否有像fullpage.js一样的滚动页面的解决方案。一页一页地滚动网站，上下滚动。
这与fullpage.js不同，因为它将页面滑动到不同的div，但我需要它在单个div中移动。
下面是我尝试过的代码：
<div> a very long text here..... </div>
Window.onscroll = function() {test()};
Function test(){ window.scrollby(0, 300) };
上面的代码只是向下滚动，它不会停止。它会一直向下滚动，直到页面底部。
那么，怎么做呢？
浏览 2提问于2016-05-18得票数 0
我试图让一个网页上下滚动从0到底部的屏幕(0-1080)根据一个输入。作为概念的证明，，我希望页面在一个循环中的两个滚动位置之间进行平/乒乓，并让它实际上滚动到那个位置，并明显地保持它为。所发生的情况是，它似乎不会移动/滚动，但有时页面会闪烁，如果我向上/向下滚动，它将立即滚动到底部，在下一个setInterval周期更新。
var switchTest = true;
function switcher() {
if (switchTest == true) {
$(window).scrollTop(0);
} else {
$(window).scrollT
浏览 8提问于2020-07-24得票数 0
回答已采纳
我正试着像facebook一样使用消息传递。首先，滚动被放在页面的底部而不是顶部(默认行为)。当您滚动到div顶部时，将加载新消息，但不会更改div内容的位置。Facebook只会重新计算滚动位置。因此，当我在可滚动div的顶部加载新消息时，我需要停止滚动以自动移动页面顶部的滚动条。
我正在使用YUI JS库...有什么线索吗？
浏览 1提问于2012-06-21得票数 0
4回答
底部负载可滚动div
、、、
我正在用javascript (没有jQuery的angularjs)开发一个聊天，我想知道是否可以将一个可滚动的div加载到底部。
我知道scrollTo js属性，但在我的例子中，它并不令人满意。
首先，看到div滚动到底部并不是一个很好的用户体验，而且我还使用on涡旋(顶部)分页。因此，如果我的div是加载到他的顶部，当触发一个滚动，一个新的页面将被加载。
概括地说，我会做一些接近facebook聊天窗口的事情。
如果有人知道如何以优雅的方式做这件事，请提前感谢。
编辑:
另一个约束是，聊天消息是异步加载的，因此，如果我只等待加载DOM，则滚动到空div的底部。
浏览 8提问于2014-03-12得票数 1
回答已采纳
我正在研究以下布局结构：
<div id="wrapper">
<div id="header"></div>
<div id="pageContainer"></div>
<div id="footer"></div>
</div>
使用以下CSS，我将页脚设置为页面底部：
#wrapper {
min-height:100%;
position:relative;
}
#header {
b
浏览 0提问于2012-10-25得票数 0
回答已采纳
1回答
如何在点击后更改图像？
、、、
我已经做了滚动到底部的链接在我的形象。这是箭头向下指向的图像。当您第一次访问站点时，箭头的图像位于页面底部，向下指向，当单击该箭头时，箭头会滚动到底部，并在页面顶部结束。当箭头图像位于页面顶部时，它会更改为指向向上的箭头图像，我能实现吗？
我已经使用这段代码来实现图像和滚动的功能。
.html
<div class="arrow"><a href="#" class="scroll-down" address="true">
<img src="https://blog.com/hubfs/I
浏览 1提问于2017-03-20得票数 0
回答已采纳
1回答
我正在使用jquery.jscrollpane.js把滚动条放在div上。它似乎在下面的页面底部放置了一个水平滚动条，有谁能帮忙吗？
浏览 1提问于2011-06-24得票数 0
当使用window.addEventListener(“滚动”、函数(){})和window.scrollY值滚动时，我试图更改div元素的字体大小和边距底部。但如果我不停止滚动，我不希望它永远改变。我只想把字体大小从256 to减少到192 to左右，边距底部减少到128 to左右。你们能告诉我怎么控制它吗？抱歉，我刚开始JS几天。下面是我代码的一部分。
let brownie = document.getElementById('backgroundBrownie');
window.addEventListener('scroll', function
浏览 9提问于2022-06-21得票数 0
回答已采纳
2回答
我有一个关于一个小JS的问题，我把它放在了页面的底部。当用户单击一个div时，脚本会滚动到另一个div。在我的网站上有一个联系按钮(下面的例子)。
<div id="contactbutton"></div>
当网站的用户点击这个div时，页面向下滚动到页面上的另一个div，上面有一个联系人表单(例如下面的例子)。
<div id="contactform">
<form>
(form content here)
</form>
</div>
我在页面底部使用了以下JS代码，
浏览 4提问于2017-06-15得票数 0
回答已采纳
所以我有一个页面，里面有一个类似聊天的div，里面充满了文本。它有固定的高度和宽度(由css定义)。
我需要它在每次更新时滚动到底部，这是我到目前为止使用的JS：
$("#div1").animate({ scrollTop: $('#div1').height()}, 1000);
它工作了一段时间，然后突然停止了。我想这可能与我为div设置的高度有关？我没有把握。
那么，如何确保div滚动到其内容的底部(使用jQuery/AJAX函数更新内容)
提前感谢！
编辑:我也尝试过$("#div1").animate({ scrollTop: $(&
浏览 0提问于2013-02-17得票数 17
回答已采纳
我有一个聊天框的代码，可以滚动在其中添加消息。我必须显示它的覆盖，不应该滚动与消息，它应该停留在消息，如果滚动聊天框，它滚动到底部添加消息。
<style>
#overlay {
display: none;
width:100%;
height: 100%;
background-color: rgba(0,0,0,0.8);
z-index: 2;
cursor: pointer;
position: absolute;
bottom: 0;
}
.chat-area {
background-color:#f3f3f
浏览 32提问于2018-10-07得票数 2
回答已采纳
1回答
我正在创建一个使用AJAX和PHP的聊天应用程序。我已经成功地将聊天记录对齐在显示聊天记录的div底部。当加载新消息时，消息被成功地添加到div的底部，并使用JS将滚动条置于底部以显示新消息。如下所示：
if(document.getElementById("oldmessages").scrollTopMax)
{
if(document.getElementById("oldmessages").scrollTopMax > document.getElementById("o
浏览 2提问于2014-01-30得票数 1
我不需要自动滚动到div的底部，而是强制用户自己滚动到那里。我有一份法律协议，我真的想让人们看看。可以使用常规的JS或jQuery吗？
浏览 8提问于2010-05-01得票数 3
回答已采纳
我使用这段代码来检查用户是否已经滚动到底部代码，但它在Google Chrome上不起作用，但它在Microsoft Edge上成功工作。
在Google Chrome中，当我滚动到底部，再滚动到顶部时，它就可以工作了，但我不知道为什么。
这是我正在使用的代码。
<script>
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
})
浏览 2提问于2018-07-18得票数 1
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
我正在使用vue.js创建一个应用程序。现在我需要检测div元素中的滚动像素。当它到达元素的底部时，反之，当它从元素底部上升一个像素时，另一个事件就会发生。
使用jQuery，代码如下所示：
$('div.chat-content').on('scroll', function() {
if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight) {
//First event
} else {
//Second eve
浏览 1提问于2021-02-16得票数 1
回答已采纳
我的代码在Firefox上运行得很好。它适用于IE，当div的内容较少时，当IE中div的内容太高时，它无法滚动到底部。按钮单击滚动到底部没有问题，但重新加载页面滚动到底部有问题。如何解决IE的问题？当页面加载到IE时，如何滚动到div的底部？下面是我的代码，你可以直接复制粘贴来测试一下。：
<script src="javascripts/jquery-1.5.js" type="text/javascript" language="javascript"></script>
<script type="
浏览 3提问于2011-05-19得票数 1
回答已采纳
我有这样的一页；
<div class="bg">
<div class="top">q</div>
<div class="top">w</div>
<div class="top">e</div>
<div class="top">r</div>
<div class="top">t</div>
<div class="top&
浏览 0提问于2014-12-21得票数 0
1回答
我已经创建了一个底部div，这是一直存在时，滚动网站。它的“自然”停止就在页脚后面。当我滚动，它不是在页脚，它是有点透明。然而，我想做的是，当粘性div到达底部(即它的“真”位置)，然后背景变化或类似的东西。
如果不使用JS或诸如此类的东西，这有可能吗？
用小提琴更新：
HTML：
<div class="largeDiv"></div>
<div class="stickyDiv">Test</div>
CSS：
.largeDiv {
height: 1500px;
width: 100%;
ba
浏览 0提问于2020-03-29得票数 2
回答已采纳
1回答
Jquery检测滚动是否在顶部
、、、、
我有一个用来检测用户滚动的代码，它在滚动底部时起作用。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
浏览 1提问于2019-09-10得票数 1
回答已采纳
你好，请您注意，当滚动到div顶部的角度为js时，当用户滚动到.Actually底部时，如何显示警告。我知道如何在jquery中使用if(this.scrollTop===0).But来实现这一点，我使用的是带有角度js的离子框架，可以告诉我如何在用户滚动到顶部并显示警报时获取事件并显示警报。
这是我的柱塞
<body ng-controller="MyController">
<div style="width:90%;height:150px;border:1px solid red;overflow:auto;overflow-y: scroll
浏览 11提问于2015-06-09得票数 5
回答已采纳
1回答
我当时正在做这件事，一直以为很容易，直到我陷入困境。
我想要展开一个div，将on向下滚动到100%，直到div的底部，然后在底部收缩到90%，在滚动顶上进行反向操作。这意味着div的顶部宽度和底部宽度仅取决于上下滚动。
该项目是在SSR next.js上进行的。
我试过使用：库，但没有用。
下面是一个实时示例：
尝试使用useEffect钩子，如下所示
const [adjustWidth, setAdjustWidth] = useState()
const adjustRef = useRef();
useEffect(() => {
window.addEventLi
浏览 5提问于2022-06-27得票数 0
回答已采纳
好的，下面的代码“起作用”，当你滚动到页面的底部时，AJAX函数被触发，结果被附加到页面的#postswrapper div中。
问题是:如果我在到达页面底部时滚动得非常快，AJAX会触发几次，并将几组结果加载到#postswrapper div中(额外的、“不想要的”结果的数量取决于快速滚动触发的额外滚动事件的数量)。
最终，每次用户到达底部时，我只需要提供一组结果。我试过添加计时器之类的东西，但是没有用。很明显，它将额外的滚动动作存储在DOM中，然后按顺序触发它们。
有什么想法吗？
我正在使用jquery.1.4.4.js，如果这对任何人有帮助的话。无论如何，在这种情况下，e.preven
浏览 0提问于2011-08-04得票数 22
回答已采纳
2回答
将滚动条放置在视口底部。
、、、
我正在做一个相当复杂的布局。有两个区域，红色和蓝色，必须垂直同时滚动，但正确的区域(蓝色)必须能够水平滚动独立于另一个区域。
我成功地做到了这一点，但是滚动条总是位于div的底部，我需要滚动条始终可见于视图端口的底部。
可以用HTML/CSS实现这一点吗？什么普通的JS或jQuery插件可以帮助这一点？
浏览 2提问于2015-05-29得票数 3
回答已采纳
3回答
现在我有了带有以下属性的div：
.chat-history {
height: 70%;
overflow: auto;
}
如何使用js将其滚动到底部？
浏览 2提问于2016-03-31得票数 0
1回答
我在做一个可以滚动的面板。此外，我有一个按钮，我想滚动面板内容后，点击5次按钮底部(5x20%的scrollHeight值)。
我正在检查日志值，它是正确的，但实际上，当单击第4按钮时，面板内容已经滚动到底部。
第五，value已经更新，但是面板内容不会再滚动了。
$('button').on('click', function () {
var $panel = $('.panel');
var scrollHeight = $panel.prop('scrollHeight');
var value = $pa
浏览 2提问于2020-04-27得票数 0
回答已采纳
1回答
我有以下聊天：
<div class="container">
<div class="jumbotron" id="chat" >
</div>
<form (submit)="sendUserQueryToServer()">
<div class="input-group">
<input type="text" class="form-control" plac
浏览 2提问于2018-04-10得票数 1
回答已采纳
我想检查用户是否已经滚动到页面底部，或者没有使用jquery。我搜索并找到了一个在Microsoft上工作得很好的解决方案，但它在Google上工作得不太好。
$(document).ready(function(){
$(window).scroll(function() {
if($(window).scrollTop() + $(window).height() == $(document).height()) {
alert("bottom!");
}
});
});
<script
src="https://ajax.googleapi
浏览 0提问于2018-08-26得票数 1
回答已采纳
1回答
我正在尝试创建一个聊天应用程序。每次用户发送新消息时，新消息都会附加到消息的ul列表中。我已经使UL列表可滚动，它正在滚动超时，我发送了一条消息；然而，它并没有一直滚动到底部。菲:我用的是Vue.js
这是当前的代码：
this.messages.push(this.currentMessage) //adding new message to the list
var div = document.getElementById('chat-list-ul');
div.scrollTop = div.scrollHeight;
不知怎么的，它只是在底部之前滚动到一条线。通过一
浏览 0提问于2018-11-03得票数 0
回答已采纳
1回答
更新:这基本上是我想要的，但是div修复到底部- 。
有大量的教程和问题试图避免这一点，这是令人讨厌的，因为这是我看到的所有当我试图找出如何使它发生。
最初，我有一个固定的div，当滚动时，它粘在屏幕的底部。但我想让这一点更加引人注目，让它在滚动时保持住位置，然后平稳地跳回屏幕底部(或者向上滚动)。
我发现这段代码是正确的，但奇怪的是，它从页面下面的2000 as开始，然后随着滚动而增加。
//run once
var el=$('#scrolldiv');
var originalelpos=el.offset().top; // take it where
浏览 0提问于2015-07-16得票数 0
回答已采纳
2回答
查找滚动底部问题
、、
我一直在尝试使用以下代码检测滚动是否位于div的底部：
$('.scrollpane').scroll(function(){
if ($(this).scrollTop() + $(this).height() === $("#results").height()) {
alert('scroll at bottom');
}
});
.scrollpane
{
height: 400px;
overflow: auto;
width: 200px;
}
<sc
浏览 22提问于2018-03-03得票数 2
回答已采纳
1回答
我在做什么：
简单-我需要滚动到消息列表的底部，一旦组件包含它(Messages)被挂载。
我的程序中的猴子扳手:)
安装后滚动到底部很好直到..。
我只是移动了一些家具，将可滚动子组件( header )的Messages(可滚动子组件)移动到它的父组件(MessageSection)中，以使header保持不变。
这里是前和后：
在(Yay！) MessageSection.js之前！
if(this.state.messages !== null)
return (
<ScrollArea speed={0.8} className="area" co
浏览 5提问于2015-12-29得票数 4
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
