有没有一种方法可以在React中滚动到div或容器的底部，而不是滚动整个页面到底部？
是的，在React中可以使用ref来实现滚动到div或容器底部的效果。具体的步骤如下：
- 在你的组件中创建一个ref对象，可以通过调用React.createRef()来实现，例如：
const containerRef = React.createRef(); - 将ref对象与需要滚动到底部的div或容器关联起来，在对应的元素上添加ref属性，例如：
<div ref={containerRef}>...</div> - 在需要滚动到底部的时候，可以通过访问ref对象的current属性获取到对应的DOM元素，然后调用scrollIntoView()方法来实现滚动到底部的效果，例如：
containerRef.current.scrollIntoView({ behavior: "smooth", block: "end", inline: "nearest" });
这样就可以实现在React中滚动到div或容器的底部了。
对于滚动到底部的优势，可以提到：
- 提升用户体验：当页面内容较长时，直接滚动到底部可以方便用户查看最新的内容，无需手动滚动。
- 适用于聊天室、社交媒体等场景：在一些即时通讯或社交应用中，滚动到底部可以保持用户始终看到最新的消息。
推荐的腾讯云相关产品是：云服务器（CVM）。云服务器是一种可弹性伸缩、按需付费的云计算产品，可以满足个人和企业的不同需求。它提供了多种配置和镜像选择，可以快速部署和扩展你的应用。
腾讯云云服务器产品介绍链接地址：云服务器 (CVM)
请注意，我之前说过的不提及云计算品牌商是指不提及亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等流行的云计算品牌商，而并非不提及腾讯云。
相关·内容
2回答
这是一个难以描述的问题……我的页面上有一个固定高度的<div>，里面有一堆内容项。每一项都是一个向左浮动的方形<div>，因此它们从左到右和从上到下填充区域。如果视图中容纳的项目太多，则内容区域将滚动(overflow-y: auto)。
请原谅ASCII艺术：
---------------------
| [ 1 ] [ 2 ] [ 3 ] |
| [ 4 ] [ 5 ] [ 6 ] |
| [ 7 ] [ 8 ] [ 9 ] |
---------------------
问题是，如果底部一行没有被裁剪，里面的项目就不能完全适合这个区域。因此，我想要做的是，当用户
浏览 0提问于2012-08-18得票数 0
回答已采纳
我有一些jquery代码，它可以在我的页面上从动态数据列表中打开隐藏的div，问题是如果你从页面下方单击一行，它会打开页面底部下面的div，你必须向下滚动才能看到它，有没有办法设置某种锚点或让jqyer在打开div时滚动到div的底部，这样用户就可以看到它？
下面是我的代码：
//CHECK IF ROW IS VISIABLE
if (!$('#'+rowid).is(':visible')) {
//HIDE ANY OPEN ROWS
$("#tableToggle tr.toggleable").fadeOut('fast'
浏览 0提问于2012-05-31得票数 0
7回答
我试图创建一个网站，在那里我有标题栏和页脚在固定的位置，即标题栏总是顶部和页脚总是底部。
这就产生了问题，因为我需要将页面上的内容向上推，这样页面页脚就不会与内容重叠。我需要在内容的底部添加一些空间，这样当用户滚动到页面底部时，重叠就不会发生。我尝试添加一个DIV属性到最底部的margin-bottom，这样页面的底部应该有一些空间被添加到页面的底部，这对使用margin-top css属性的最顶层的DIV有效，但对底部无效。
这是我的网站的主要结构，没有内容：
<html>
<head>
</head>
<body>
<div c
浏览 0提问于2012-05-30得票数 16
回答已采纳
5回答
我在div元素中有一个滚动条，最初它的位置在顶部。每当我向div元素添加一些文本时，滚动条就不会移动。有没有办法，div元素的位置的滚动条总是底部，每当我向div元素添加文本时，滚动条也会自动到达底部吗？
以下是我的div元素：
<div class='panel-Body scroll' id='messageBody'></div>
和CSS类
.scroll {
height: 450px;
overflow: scroll;
}
我需要的是，最初滚动条的位置应该是
浏览 13提问于2016-12-01得票数 28
回答已采纳
我们都知道从视口顶部滚动到某个位置的解决方案：
$("html, body").animate({scrollTop:240}, 'fast');
有没有一种类似于scrollTop的滚动方式，只是从视口底部滚动？
我想要做的是:在单击事件中，页面应该滚动到主体中任何位置的div，当div到达视口的底部时，它应该停止滚动。这有可能吗？
浏览 0提问于2010-11-21得票数 0
回答已采纳
2回答
我在React中为我的应用程序创建了一个包装。我试图让页脚保持在页面的绝对底部，但是当子呈现时，页脚停留在页的原始底部，并且不会随着页面调整大小。下面的代码。(想象一个可滚动的页面，其中一个页脚在子呈现后位于页脚中间)。
import React, { Component } from 'react';
import Header from "./Header";
import Footer from "./Footer";
export default class Wrapper extends Component {
render()
浏览 3提问于2017-04-11得票数 1
回答已采纳
1回答
我有一个Flex应用程序，我想滚动页面到底部时，一个按钮被按下。滚动条由浏览器添加，它们不属于flex应用程序或组件。
我可以用javascript来做这件事，但是有没有办法用action script来做呢？
谢谢。Enes
浏览 2提问于2010-06-16得票数 0
回答已采纳
我有以下jQuery片段
$('html, body').animate({
scrollTop: 178
}, 2000);
我在页面的底部有一些分页按钮，当它们被点击时会触发一个javascript函数。在这个JS函数中，上面的代码片段被调用。
这可以很好地将页面滚动回到菜单上方的顶部，但首先页面似乎会突然跳到最底部(除非您已经在最底部)，然后才会像应该的那样向上滚动？
我正绞尽脑汁试图弄清楚这种行为。
除了给出一个网站的链接，我不知道还能怎么解释：
加载结果后，转到页面底部，稍微向上滚动，然后单击“下一页”按钮。当页面在向上滚动之前向下跳转时，就会发生奇怪的事情。
浏览 2提问于2013-01-03得票数 1
回答已采纳
3回答
我有一个带有id“页面内容”的div，它没有高度或width，它只是一个空白的div。
我用动态的内容填充div，所以div的高度在不断增长，我正在聊天，我想检测我是在div的底部还是在div总高度的最后10%，如果是的话，滚动到底部
var box = $('#page-content');
if (box.scrollTop() > (box.height*0.90))
box.scrollTop(25000); // This is the top bottom
我要做的是，检查您是否处于"#page-content" div的最后10%或更
浏览 8提问于2016-01-13得票数 2
回答已采纳
2回答
我的问题是我有一个带有页脚的网页。如果没有足够的内容填充整个页面，我希望页面将页脚扩展到浏览器窗口的底部。我也希望页脚去到页面的最底部时，内容超过浏览器的高度，并有一个垂直滚动条。
由于某些原因，我不能让它工作，我遵循了这个页面上的教程：
而且教程特别说明了它做了我想要做的事情--“在有很多内容的长页面上，页脚被从可见页面推到最下面。就像一个普通的网站一样，当你向下滚动时，它就会出现在视图中。这意味着页脚并不总是占用宝贵的阅读空间。”
当我遵循本教程时，当没有足够的内容填充页面时，它会成功地将页脚放在页面的底部，但是当有足够多的内容时，页脚会过早地放置在浏览器窗口最初结束的位置，因为body和
浏览 2提问于2014-10-06得票数 0
1回答
我为我的页面做了一个简单的幻灯片，从底部的通知栏开始。一切都像预期的那样完美，但当我试图让该条从页面顶部滑下时，文本的行为就不同了。如果我让它从底部向上滑动，文本会随着div一起移动，当从上方向下滑动时，当div滚动到文本上时，文本看起来会停留在原处。我如何才能防止这种情况发生？
下面是我的代码，当我更改为"top: 0“而不是" bottom : 0”时，使它从底部弹出(文本在div中移动)。文本似乎从一开始就处于固定位置。
$("p").click(function() {
$('#message-box').
浏览 25提问于2017-08-23得票数 2
回答已采纳
1回答
我现在正在做一个旋转木马，模仿Facebook在底部的F8照片旋转木马。
我的旋转木马结构基本相同：
<div class="container">
<div class="one"></div>
<div class="two"></div>
</div>
对于SCSS我有
.container {
width: 100%;
position: relative;
height: 450px;
overflow: hidden;
div {
浏览 2提问于2017-03-02得票数 0
回答已采纳
2回答
我有一个带有容器的布局，然后在该容器中有另一个用于内容的div。我对它进行了设置，如果一个表比容器大，就会有一个滚动条。
但是，许多表格都很长，因此为了到达水平滚动条，您必须一直向下滚动到页面底部，向右滚动，然后向上滚动到页面顶部才能查看信息。
有没有办法让div的水平滚动条处于默认/主水平滚动条位置？
body {
height: 100%;
width: 100%;
background: #e8d7b5;
margin:0px;
padding:0px 0px 0px 0px;
font-family: Arial, Helvetic
浏览 0提问于2012-09-24得票数 2
3回答
在div中如何保持滚动条的底部？
、、、、
我有许多选项卡，当单击任何选项卡时，将显示一个垂直滚动div。就像facebook消息页面:当点击任何用户的名字。对话框出现，默认情况下，滚动条位于div的底部。
以下是选项卡：
<ul class="companies">
@foreach (var item in Model)
{
<li id='company_@(item.Id)' data-id='@item.Id' >
<a>@item.Name</a>
</li&
浏览 3提问于2013-02-15得票数 2
回答已采纳
我被困在固定我的菜单div的位置，它位于页面的中心，有时位于顶部，这取决于内容。我想在滚动页面时固定div的位置，这样它就会显示在页面的顶部(即使它在页面的中心、顶部或底部).Please让我知道如何获得div的位置，并使用jquery在页面顶部应用固定的css位置。例如
浏览 0提问于2013-05-03得票数 0
我正在使用react并试图构建一个类似聊天的facebook --右边的列向下滚动，有一个线程列表，中间的列有线程内容和自下而上的滚动。
我使用flex进行了所有设置，但默认情况下，我坚持让中间的列滚动到底部(因为我想查看最新的聊天消息)。下面是实际容器的代码片段(我使用的是React bootstrap)：
<Row >
<Col ref={ (node) => { this.cont = node }}>
{this._buildThread()};
</Col>
&
浏览 7提问于2017-03-09得票数 1
回答已采纳
我在我的聊天应用程序中有一个用React编写的消息div。我希望当用户第一次加载页面时，div被滚动到底部，以便看到最新的消息。我如何实现这一点？
浏览 117提问于2021-09-17得票数 0
我需要选择一个出现在滚动页面上的图像。一组图片在点击页面底部时加载，然后进一步向下滚动加载另一组图像。
我尝试使用滚动()、scrollBy()和Actions方法，但没有响应。但是仅使用scrollIntoView()方法就可以滚动页面。由于我需要选择的图像是在完成滚动加载之后才出现的，所以这里不能使用scrollIntoView()。请注意滚动窗口，我尝试是在内部的iframe和div标签。
((JavascriptExecutor) driver).executeScript("scroll(0,400)");
((JavascriptExecutor) driver)
浏览 0提问于2016-11-17得票数 1
回答已采纳
对于某些上下文，我试图完成的是，我想要一个侧边栏，它总是延伸到页面的最底部。其内容的高度不是固定的，页面上的主要内容的高度也不是固定的。因此，基本上有三种不同的可能性：
无论是主内容，还是侧栏的内容，都不足以到达视点底部。侧边栏一直延伸到底部。
主要内容比视口和侧栏的内容都长。侧边栏向下延伸，使其与主要内容一样长。
侧栏内容比视区和主要内容长。页面的扩展范围足够大，您可以看到侧栏的整个内容。
如果页面比视图端口长，则应该只有一个滚动条，用户将使用该滚动条同时滚动主内容和侧栏。它们不能单独滚动。
我的想法是给侧边栏的风格“最小高度:100%”。如果侧栏填充了包含元素高度的10
浏览 2提问于2014-12-10得票数 1
回答已采纳
当垂直调整页面大小时，我很难将.content div的滚动固定在底部，也就是说，当用户调整屏幕大小时，当页脚向上移动时，“窗口”这个词应该是绝对不能显示的。页脚应该将单词"Just Some Text“放入可滚动的内容中，而"Window”应该保持可见并位于footer目录的顶部。然而，现在发生了相反的情况:当调整页面大小时，footer向上移动，覆盖“窗口”，然后是"the“，然后是"of”等，只留下“一些文本”可见。就像我之前说的，可以说，它需要是“相反的”。
所以我的问题是:在调整页面大小的过程中，如何持续滚动到底部？
这里有一个小把戏：
为了回答这个问
浏览 1提问于2013-01-21得票数 2
回答已采纳
我们聊天机器人的一些答案很长。网络聊天会自动滚动到底部，因此用户必须向上滚动才能到达气泡顶部并开始阅读。
我已经实现了一个自定义呈现器(react)来将答案封装到一个自定义组件中，该组件只是将答案封装到一个div-tag中。我还实现了一段简单的代码来滚动到气泡的顶部。
const MyCustomActivityContainer = ({ children }) => {
const triggerScrollTo = () => {
if (scrollRef && scrollRef.current) {
(sc
浏览 0提问于2020-04-03得票数 7
必需的行为:当鼠标移到一个元素上时，我想禁用主浏览器窗口滚动，或者至少用鼠标滚轮来这样做。我想在禁用滚动条时保持它们的可见性。
原因:页面高度大约是浏览器窗口高度的两倍。有一个带有滚动条的div。当鼠标在div上滚动时，当点击列表的底部或顶部时，主窗口开始滚动。这是不受欢迎的行为，因为主窗口滚动通常会移动屏幕上的div内容，甚至将其完全滚动出屏幕，这非常恼人。我希望能够用鼠标滚动到div的底部，而不会出现主窗口滚动，然后将div滚动出视图。我希望任何禁用的滚动条保持可见的原因是，如果它们被隐藏，页面的宽度会伸展以适应间隙，使内容跳转/移动，这是难看的，也是鼠标悬停的问题。
有没有可能使用jav
浏览 0提问于2011-10-10得票数 1
我注意到，当我访问一个路由时，当我使用<Link>时，页面会自动滚动到底部，我有点困惑，因为它正在工作，我得到了页面，但是它通过这种行为自动滚动到底部。
这是路由器：
import {Link,Routes,Route,Navigate} from 'react-router'
const App = () => {
const user=true
return <div>
<Routes>
<Route exact path='/' element={<Home/>} /
浏览 6提问于2022-01-10得票数 -1
回答已采纳
布局：
粉色区域是页面布局。
黑区应始终保持在橙色区域以下。
因此，例如，当橙色区域的高度仅为200 is，而不是600 is(如上图所示)时，黑色区域仍然位于橙色区域下方的200 is，而不是600 is。
现在我要做的是，当我移动窗口滚动条时，我希望橙色区域中的内容首先滚动(橙色区域不应该有滚动条！)。一旦我到达橙色区域中内容的底部，我就可以再次向下滚动常规页面。
阿诺伊纳知道怎么做吗？我希望这不是太混乱。
<html>
<head>
<script type="text/javascript" src="http://ajax.go
浏览 2提问于2011-01-28得票数 2
回答已采纳
1回答
我有一个页面，我使用bootstrap来响应。该页面将包含3到4个div，如下图所示：
每个div的红色图标将动态显示，所以当有足够多的图标时，它将溢出div，因此，从底部开始的滚动将用于移动。
有没有一种方法可以让我检查div中的内容是否有溢出，以便在需要时显示滚动条？有没有什么jquery函数可以检查响应式div是否有溢出到其内容中？
提前感谢！
浏览 3提问于2018-11-30得票数 0
我正在使用react创建一个组件，该组件需要在页面加载时滚动到底部。我首先用的是scrollTop
element.scrollTop = element.scrollHeight
但没有滚动发生。然而，以下工作
element.scrollIntoView(false)
现在从中，我了解到设置高值的scrollTop应该告诉浏览器滚动到底部，并且它应该与所有最新版本的浏览器一起工作。我在这里的理解是不是错了？
浏览 0提问于2019-06-26得票数 2
回答已采纳
3回答
我有一个Message组件，它在一个线程中显示所有消息(传入和传出)。
我希望最后一条消息/新键入的消息/传入消息始终出现在对话的底部。有点像所有聊天/短信应用程序所做的。
这是我的代码：
import React, { useRef } from "react";
const dummy = useRef();
...
dummy?.current?.scrollIntoView(true, {
behaviour: "auto",
});
...
<div className="">
<Paper
浏览 9提问于2022-04-15得票数 1
回答已采纳
4回答
如何阻止浏览器滚动，或者如何使浏览器连续滚动到固定位置？
我正在为任天堂3DS浏览器开发一个库。我使页面完全适合浏览器，但向上箭头使其滚动，因为底部屏幕是唯一被识别为可见区域的窗口。
我想让div #bottomScreen成为底部屏幕中唯一的东西，并且禁用滚动是我认为唯一可以工作的东西。
我已经知道如何把它滚动到上面提到的位置
document.body.scrollTop = 220;
我怎么才能让它一直走到这个位置？
用setTimeout做一个重复计时器，然后把上面的代码放进去是行不通的。我相信这是因为这只在页面加载之前有效。
有什么关于如何执行它的建议吗？
浏览 3提问于2011-12-28得票数 0
回答已采纳
这应该很简单，但我认为我遗漏了一些关于Spring工作原理的关键内容，文档没有太多帮助。
我有一个动态列表，用户可以添加元素，当发生这种情况时，我想使用React Spring来动画滚动到页面底部(由currentBottomY变量标识)
我有这样的东西
const mainRef = useRef<HTMLElement | null>(null)
const [y, setY] = useSpring({
from: { y: mainRef?.current?.scrollTop || 0 },
onFrame: props => {
m
浏览 44提问于2020-05-27得票数 0
回答已采纳
我有这个功能，它本身工作得很好，但是每当我向上滚动时，它都会向下滚动，这不是我想要的。我希望只有当div (overflow)的滚动条在底部时，它才能运行该功能，这使得它可以向上滚动，而不会向下滚动，从而阻止查看较旧的消息。
function opdaterPost(til, fra){
$('#beskeder_vis').load('calls/opdater_post.php?til=' + til + '&fra=' + fra);
$("#beskeder_vis").animat
浏览 1提问于2012-08-01得票数 0
回答已采纳
32回答
滚动到div的底部？
、、、
我正在使用Ajax请求创建聊天，并尝试让消息div滚动到底部，但没有太多运气。
我将所有内容都包装在这个div中：
#scroll {
height:400px;
overflow:scroll;
}
有没有办法让它在默认情况下使用JS滚动到底部？
有没有办法在ajax请求后保持滚动到底部？
浏览 41提问于2008-11-06得票数 967
回答已采纳
我已经为这个问题挣扎了一个多小时了，我就是搞不好。
<div class="main">
<div class="header">This is the header</div>
<div class="content">
<div class="top-container">This is the top content container</div>
<div class="bottom-co
浏览 3提问于2014-07-24得票数 0
回答已采纳
我有一个问题，滑动切换链接出现在我的页面底部。实际上，我希望用户单击以显示/隐藏隐藏的div (这很好用)
问题是页面不能向下滚动来显示now，而不是隐藏的div
作为JQuery新手，有没有什么方法可以切换div并使其在页面上居中？或者至少向下滚动，而不会让事情变得太复杂？
谢谢
浏览 2提问于2011-04-12得票数 4
我想使用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
回答已采纳
我有两个DIVs与已实现的Slim涡旋插件。两者都工作得很好，但其中一个应该一直滚动到<div id="msg_left_sidebar">....</div>上(似乎是默认的)，另一个<div id="chat_content">....</div>则一直向下滚动。它几乎和预期的一样，适用于以下代码：
$(function(){
var scrollDown_int = $('#chat_content')[0].scrollHeight;
$('#msg_left_sid
浏览 5提问于2015-03-01得票数 1
回答已采纳
如果我有一个带有overflow:auto的div，所以它是一个可滚动的div，并且我加载了构成重要滚动区域的信息，那么有没有一种方法，当我加载信息时，div会显示底部的结果？或者本质上滚动到底部？
我见过jQuery解决方案，但这是在HTA中使用的，所以我不能使用jQuery。有没有一种纯javascript的方式来实现这一点？
浏览 0提问于2011-01-06得票数 9
回答已采纳
1回答
我有一个具有可滚动div的react组件，我试图让div在挂载后滚动到底部：
componentDidUpdate() {
var scrollNode = ReactDOM.findDOMNode(this.scrollElement);
scrollNode.scrollTop = scrollNode.scrollHeight;
}
scrollNode存在并反映正确的div，但是，scrollTop的值从未更改过(即使我将它设置为任意数字)，滚动也不会发生。
更新:下面是一个例子：
浏览 3提问于2017-03-01得票数 1
回答已采纳
我正在使用此解决方案来恢复页面更改时的滚动：
ReactDOM.render(
<Router>
<ScrollToTop>
<div className="App">
<Header />
<Main />
<Footer />
</div>
</ScrollToTop>
</Router>,
document.getElementById('root')
浏览 11提问于2017-08-17得票数 2
回答已采纳
我尝试使用一个伪after元素在div的末尾创建一个渐变，以表明它是可滚动的。在div上使用transform: translateZ(0);允许psuedo元素使用position: fixed;粘贴到该元素的底部。但是，一旦开始滚动，伪元素就会随着div的内容一起向上滚动。有没有可能让这个元素在滚动时粘在这个div的底部(除了使用position: sticky;之外，出于对浏览器支持的原因，我避免使用它)？
下面是我现在得到的一些东西：
谢谢!
浏览 7提问于2018-11-08得票数 0
1回答
谁能帮我？在我的react应用程序中，我有3页1.Homepy2.Settings 3页
当我在主页中向下滚动并导航到配置文件或设置页面时，它将显示这些下一页的底部，对应于我将滚动条放在主页中的位置。
当我导航时，如何停止记忆滚动点的反应？
浏览 1提问于2022-08-20得票数 -1
我有一个div分成两个部分(顶部和底部)，我试图使底部垂直滚动。整个div都有一个固定的大小。底部的内容是动态的，我不知道会有多少内容(可能会有数百行文本)。
我所能做的最好的事情是：
#main {
border: 1px solid #000000;
width: 240px;
height: 600px;
overflow: hidden;
}
#want-to-scroll {
height: 100%;
overflow-y: auto;
}
这很接近，但是我不能向下滚动到足够远来看到底部内容的结尾，我也看不到滚动条底部的“箭头”。如
浏览 0提问于2015-11-02得票数 0
2回答
我希望这是发布这个问题的正确部分
我正在寻找一种方式来导航到instagram频道页面的底部，如的页面有一个加载更多的按钮，需要点击和页面需要手动滚动所有的方式底部。有没有更快的方法到达页面的底部，而不是一直滚动到页面底部？
非常感谢
浏览 9提问于2016-08-15得票数 0
回答已采纳
我正在尝试做一个Instagram机器人，获得某个帐户的所有追随者，现在我需要滚动到追随者框的底部加载所有追随者，但框在结束时没有唯一的元素，我试图使用向下键向下滚动，但它说该元素是可交互的。 def get_followers():
# click on the followers link
driver.find_element_by_xpath('//*[@id="react-root"]/section/main/div/header/section/ul/li[2]/a').click()
time.sleep(1)
浏览 51提问于2021-01-24得票数 0
我在div中有一个聊天消息列表，每次添加元素时都要滚动到底部。我尝试调用一个函数，该函数选择最后一个项并使用scrollIntoView()。
scrollToElement:function() {
const el = this.$el.getElementsByClassName('message');
if (el) {
el[el.length-1].scrollIntoView({behavior: "smooth"});
}
}
问题是，它滚动到选定元素的顶部，而不是滚动到所需的底部，以便将整个元素包含到视图中
浏览 18提问于2021-01-15得票数 0
回答已采纳
我想建立一个新奇的豆茎主题网站，其中的内容是自下而上，而不是自上而下。想象一下，一页10,000 is高的页面。有没有办法：
堆栈内容，从页面底部的div开始，每一个额外添加的div都堆放在其前身的顶部？
强制用户的视图，在访问页面时，他们从底部开始，必须向上滚动以访问其他内容？
我意识到这并不是一种直观的用户体验，所以请忽略我为什么要这样做，而专注于如何做它的技术细节。谢谢。
浏览 1提问于2013-04-06得票数 1
1回答
我使用的是自定义游标，但是当它位于页面底部时，它正在扩展页面的高度。有什么办法可以防止这种情况吗？
我尝试使用Javascript获取页面的初始高度，然后将max-height设置为主体，但它不起作用。
要测试此问题，您可以检查此并将光标移到窗口底部，您将看到滚动条展开。
编辑：我在一个完整的页面上使用自定义游标，它必须保持滚动页面的能力，但是一旦到了页面的底部，光标就不应该展开它。
编辑2 :这里是我的布局：
<body>
<div class="cursor-fix"> <!-- the wrapper to fix the probl
浏览 1提问于2019-03-14得票数 0
回答已采纳
2回答
我在Django上创建了这个网站，我在很多元素的尺寸上遇到了问题。在所有页面上，我都有一个左右边距，横跨col 1，背景为黑色。
在style.css中，我已经搜索了一些解决方案，但都不能100%地解决问题。如果我使用height: 100%，它会在每个页边距的顶部显示一块黑色的薄板。我不想放置精确的像素，因为我觉得相对大小会让网站更容易跨平台查看。如果我设置高度: 100vh，它覆盖了我想要的高度，但它不能很好地覆盖使用滚动条的长页面，并且留下了大量的空白。
如何让div的背景颜色/大小扩展整个页面(可滚动或不可滚动)，而不扩展其边界？有没有一种方法可以对图像执行此操作，以便它可以伸展？我尝
浏览 0提问于2015-10-19得票数 0
1回答
有没有办法限制固定的背景图像可以向下滚动到页面的多远？有效地，有没有办法改变背景附件为静态，一旦背景图片的底部是10px远离它的div容器的底部边缘？
例如，在下面的代码中，我如何让珊瑚渐变(只是图像的占位符)在页面离开红色和黄色div之间的边界10vh时停止滚动？(只使用CSS更可取，尽管我也对JS解决方案持开放态度)
.red {
position: absolute;
top: 0;
height: 100vh;
width: 100vw;
background: red fixed linear-gradient(lightcoral, lightcoral)
浏览 0提问于2020-07-11得票数 0
如果不向您展示HTML代码，就很难描述我的具体问题。
在查看页面时，单击“查看源代码”可以很容易地看到HTML源。CSS位于。
我的主要目标是让主要的内容表行/列出现在屏幕的大多数地方(确切地说，除了69px之外的所有内容)。
因此，底部的69px包含一个信息面板，即使用户向下滚动页面，它也应该留在屏幕的底部。从理论上讲，滚动应该触发大多数内容正常地向下移动，除了底部的栏保持不变。
我已经在网站上实现了这个效果。然而，有一个很大的问题。在较小的屏幕上(您可以通过调整窗口大小来模拟)，一些主表被切断。似乎我的CSS解决方案是一个笨拙，实际上，没有实现我的主要目标。底部栏不应该从主内容div (g
浏览 1提问于2012-12-12得票数 0
回答已采纳
2回答
我正在使用jquery滚动到页面的各个部分。
代码如下：
// Scroll to element
$('#menu li a').click(function(){
var elementId = $(this).attr('href');
$('html, body').animate({ scrollTop: $(elementId).offset().top }, 1600);
return false;
});
<ul id="menu">
<
浏览 0提问于2011-04-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
