我有一个div和它自己的滚动条，它被AJAX (php文件)重新加载。当我在这个div中滚动并重新加载它时，内部滚动条将被发送回顶部。我希望滚动条保持在我最初滚动到的位置。
<style>
#div2 {
height: 400px;
width: 100%;
overflow-y:scroll;
}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<scr
浏览 4提问于2018-08-31得票数 0
回答已采纳
2回答
我想标记浏览器滚动条，就像chrome在Control +F中做的那样，只使用html、css和js。
我试过了
放置css位置固定的div
创建滚动条轨迹的线性渐变样式
但在这两次尝试中我都迷失了方向。有什么想法吗？
浏览 0提问于2019-06-21得票数 3
3回答
在MacOS上滚动的替代方案
、、、、
所有Mac都有此选项显示滚动条，但默认情况下关闭。
我想知道是否有一种方式显示滚动条，即使这个选项被关闭？
或者，我是否可以使用某种替代方法(JS/jQuery)，只添加一个箭头并触发某种滚动函数？
基本上没有滚动条就能滚动的东西。
编辑
正如建议的那样，我已经开始研究jQuery中的jQuery函数。有没有一种方法可以让current_position变量得到滚动条应该在哪里？
$(document).ready(function(){
// var current_position = $("#container").get_current_positio
浏览 2提问于2018-06-27得票数 0
回答已采纳
2回答
防止div扩展滚动条
、、、
以下面的示例为例：
在这里，你必须向下滚动一点，才能看到“你好！”。我还动画了一个div，让它在屏幕上向下移动：
$("div").animate({top: '3000px'}, 6000);
您可以看到滚动条是如何变化的，我们现在有一个更大的页面要滚动。
现在，我希望用户能够向下滚动到"Hello!“文本，如果文本超出用户的屏幕。但是，我不希望div在垂直滚动条到达屏幕底部后扩展它。相反，我希望div继续在屏幕上向下移动，滚动条保持不变。这样，滚动条就无法跟随它。
做“溢出-y:隐藏”会阻止用户根据自己的选择向下滚动并阅读"Hello!“我能
浏览 2提问于2016-05-23得票数 1
回答已采纳
我找到了这个页面：
有一个固定的标题和下面的div，它延伸到视区，而没有定义宽度或高度。它允许内容在y轴上溢出，并在必要时应用滚动条(框滚动，无视口滚动条)。HTML非常简单：
<header> ... </header>
<div id="main" role="main"> ... </div>
CSS：
#main {
bottom: 0;
left: 0;
overflow-y: scroll;
position: absolute;
right: 0;
top: 89px;
}
在firebug中禁用所有
浏览 0提问于2013-03-12得票数 1
回答已采纳
我正在编写一个大表单，为了避免一个巨大的滚动，我将其分割并嵌套为div，并带有溢出:auto。这样我就可以把我的表单炸成几个窗口，每个窗口都有固定的高度和滚动条。
我正在尝试使用select2插件，但是当选择隐藏在我的一个窗口中时，我会得到一个滚动条来访问它，这是可以的，但我在主窗口上也得到了一个滚动条，而我正是在试图避免这种情况。
我在下面做了个片段，有线索吗？谢谢！
$('select[name="test"]').select2();
.wrapper {
height: 100vh;
width: 300px;
background-co
浏览 1提问于2020-03-18得票数 2
回答已采纳
我已经看过了之前关于这个的帖子，但仍然有问题。
我有一个小滚动条，我需要移动到右边，这样我就可以访问我需要测试的项目。滚动条的代码如下：
<div class="ngscroll-scrollbar" ng-style="styles.scrollbar" style="height:
6px; bottom: 3px; left: 3px; opacity: 0; width: 126.05px; transition:
opacity 0.3s ease-in-out 0s, border-radius 0.1s linear 0s,
浏览 0提问于2017-02-20得票数 0
1回答
我的站点使用了两个jQuery插件：jquery.selectbox.js和jquery.jscrollpane.js。
selectbox.js将我的选择转换为div的集合，jscrollpane.js将自定义滚动条添加到内容中。当我将选择框放入jscrollpane时，我遇到了一个问题。jscrollpane种植其边界之外的所有东西--甚至选择框下拉。你能帮我做这个吗？
浏览 1提问于2013-01-18得票数 1
回答已采纳
1回答
我正在浏览我的HTML文档中的一段代码，并遇到了以下代码，其中插入了代码示例。这是我所指的代码。
<div class="api-content-item" data-ng-show="verb.code != undefined">
<h5>Code Samples:</h5>
<ul class="example-lang">
<li data-ng-repeat="ex in verb.code">
<a data
浏览 1提问于2014-06-28得票数 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回答
我正在扩展一个在agendaDayView中显示多个全日程表的日程安排应用程序，为多个人显示当天的日程安排。让每个完整日历使用自己的滚动条已被拒绝；因此，所有日历都显示完整长度，并在周围的div中设置单个滚动条。
现在的问题是，在垂直滚动期间，标题保持不变。对于扩展的标题功能(额外的数据、图标、链接等)还有其他要求，所以在每个Fullcalendar div之上创建我自己的标题对我来说更有意义。
使用CSS并正确放置div，我能够让日历与标题分开垂直滚动，从而达到“固定标题”的效果。然后问题是水平滚动:如果我让div向外水平延伸，那么包含日历的div的垂直滚动条就一直位于可见性之外的右侧。
我
浏览 2提问于2012-06-20得票数 2
回答已采纳
对于<html dir="rtl">，某些浏览器(Safari、Edge、IE)将自动将滚动条移动到左侧，这是正确的行为：
不幸的是，主流浏览器(Chrome和Firefox)的行为方式不同，滚动条仍然在浏览器的右侧。
是否有可能以编程的方式(最好是使用香草JS)检测滚动条在哪一侧？
UPD (28.09.2018)：到目前为止，答案中还没有有效的解决方案，人们正在尝试使用getBoundingClientRect().left或.offsetLeft来检测滚动条的位置，而且不会运行，因为它始终是0，至少在边缘中是独立于滚动条位置的。
UPD (15.
浏览 2提问于2018-09-19得票数 28
4回答
我有一个水平滚动条，只有在悬停时才会显示。但问题是，当它显示出来时，它会增加它的容器的高度，并将下列元素向下推。.you可以看到当滚动条显示时，2 div将被按下。
<div class="wrapper">
<div class="one">
<div class="oneChild">the height is unknown,the height is unknown,the height is unknown,the height is unknown</div>
</div&
浏览 5提问于2013-12-05得票数 3
我在div中使用了一个水平滚动条。
<div id="custom_scroll" style="width: 91%; overflow: auto; margin: 0 3%;">
<div id="custom_scroll_child" style="width: 100%">
</div>
</div>
我增加了内部div#custom_sc
浏览 2提问于2018-06-12得票数 6
3回答
我刚刚用几个div-s、小CSS和javascript写了一个页面。我不知道如何将滚动条插入到我的一个div中。代码不难理解。CSS和javascript包含在代码中。
<html>
<head>
<style>
#container
{
vertical-align: top;
width: 98%;
height: 90%;
padding: 5px;
}
#discussion {
width: 99%;
height: 90%;
overflow-y: scroll;
border:
浏览 9提问于2013-11-04得票数 0
1回答
在下面的HTML中，为什么水平滚动条可见，而垂直滚动条不可见？ 这适用于Chrome、Firefox和Safari，但不适用于Edge，因为这两个滚动条都不可见。 对我来说，两个滚动条在Edge浏览器中都不可见是合乎逻辑的。 <div style="position: absolute; width: 300px; height: 300px; border: 1px solid black; overflow: auto;">
<div style="transform: translate(150px, 150px);">
浏览 8提问于2018-12-26得票数 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
3回答
我想在页面底部添加div。为此，我想找出垂直滚动条的位置。我想在滚动条end..How添加div元素，我可以在滚动条末尾添加div吗？
div元素是：
<div class = "mydiv">
<div class = "normal">
<h3>Thank You</h3>
</div>
</div>
我想显示在页面底部的div，如果没有滚动条也。要在页面中始终显示的div。如果有滚动条的意思，div元素的位置就是滚动条的末端。如果没有滚动条的话，div元素要显示在页
浏览 6提问于2017-07-18得票数 0
1回答
我有一个标有高度为200 of的div的表内容。表内容是用户输入&动态的。我使用JQuery来调整滚动条，但是如果我使用溢出-y:滚动！重要；正常滚动出现在开头。
如果div内容超过200 If高度，则JQuery滚动条将与普通滚动条一起出现。
我想要的是:，我想显示JQuery滚动条，无论div高度如何，总是可见的，但不使用普通滚动条，如下图所示。
错误快照：
CSS:
<style type="text/css">
#boxscroll {
height: 200px;
width: 230px;
浏览 1提问于2013-08-26得票数 2
回答已采纳
我正在寻找一些关于如何让页面的滚动条滚动div的溢出内容，而不是页面滚动到某一点的信息。
最终结果是滚动页面到标题不再可见的程度，但从这一点开始向前滚动div的内容-使用主滚动条，而不是两个嵌套的滚动条。
如果用户向上滚动，使得div内容再次位于顶部，则页面应该继续滚动并再次显示标题。
浏览 1提问于2010-09-13得票数 2
回答已采纳
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
回答已采纳
有没有办法在div中将滚动条从右改为左？我尝试应用方向: rtl；但显然它在firefox中没有任何影响。我更喜欢纯css解决方案，但不介意使用js。
浏览 0提问于2011-02-14得票数 0
回答已采纳
1回答
如何获得滚动条的位置
、、、
我想得到滚动条的位置(不是滚动顶位置)，但我看到的只有$(document).scrollTop()。有人能帮我做这个吗。据我理解，$(document).scrollTop()给出了窗口中最显眼的位置，但我想知道用户滚动条滑块的确切位置。
编辑：，我添加了更多解释。我需要得到滚动条本身的位置，这样我就可以在滚动条后面放一些div (在图像中带有箭头的div)。
浏览 0提问于2014-01-31得票数 0
为了演示这个问题，下面的HTML文件显示了一个非常高的DIV (名为div1)，它最初是隐藏的，以及一个显示或隐藏div1的按钮。在Google Chrome中打开它，然后点击按钮显示div。您将注意到，div现在显示了，但无法看到它的下半部分，因为它太高了，不适合窗口，并且Chrome不显示滚动条。
如果你在Firefox中打开它，就不会有这样的问题。当div1出现时，火狐会显示一个滚动条，这样你就可以滚动看到它的下半部分。
<html>
<head>
<script src="http://api.prototypejs.org/javascrip
浏览 0提问于2011-10-11得票数 2
回答已采纳
1.摘要
我想将默认浏览器滚动条替换为我的自定义滚动条。要求：
替换默认滚动条，而不仅仅是替换文本块中的滚动条；
跨浏览器；
能够指定自定义颜色到滚动条。
我只能为我的需求找到 JQuery插件。但是我不能自定义我的滚动条使用这个插件。
2.最小代码示例
我在中包括了主题作为写
(function($) {
$(window).load(function() {
$("body").mCustomScrollbar({
theme: "rounded"
});
});
浏览 2提问于2017-01-15得票数 1
回答已采纳
2回答
编辑：
从本质上讲，我的问题似乎是希望把overflow-y:hidden; overflow-x:visisble;**.和结合起来这似乎违反了规范。如果有人知道解决办法，一定要让我知道:)!**
当我尝试使用position: absolute;或position: relative;将一个div稍微定位在它的父div之外时，父div会得到一个滚动条。
我不想要滚动条。但是很明显，当我使用overflow: hidden;的时候，子div在父服务器之外的位置就会被切断。
如何在不出现滚动条的情况下，使父服务器外部的位可见？
编辑：
忘了提了。外部div需要有overflow-y:hidd
浏览 3提问于2017-04-04得票数 0
1回答
如何将所有元素滚动到目标元素
、、、、
好吧，我不知道我在做什么。我以为会有这样的图书馆，但显然没有。
问题解释
我有一个复杂的反应申请。
有存在
主页元素内容容器显示容器我想滚动到
我试图找到一个解决方案，它将滚动到页面上的一个元素，并强制所有父滚动条滚动到适当的位置，以便查看屏幕上的元素。
示例
<html>
<head />
<body>
<div style="background:red; display: block; height: 1000px; overflow-y: auto">
Root Pa
浏览 4提问于2020-11-26得票数 1
回答已采纳
4回答
好的，我先从图像和代码开始，这样我就可以更好地解释我的问题了。
<div class="overall">
<div class="areas">
<div class="area">
Area 1
</div>
<div class="area">
Area 2
</div>
<div class="
浏览 4提问于2015-05-26得票数 0
2回答
我有一个网页，它的内容显示在一个div中。这个div有它自己的滚动条，但我希望滚动条覆盖整个页面，就像其他网站一样。是否有CSS或JavaScript解决方案将div的滚动条传输到body的滚动条？
问题页面：
浏览 0提问于2013-09-24得票数 0
回答已采纳
2回答
我做了一个预加载器，但是当播放它时，滚动条是可见的。怎么把它们移走？JS有display: none;，因为预加载程序被设置为display: flex;
$(window).on('load', function() {
$('.preloader').delay(500).fadeOut('slow', function() {
$(this).attr('style', 'display: none !important');
});
});
.preloader {
position
浏览 1提问于2019-08-20得票数 0
回答已采纳
我有一个奇怪的问题，谷歌Chrome，柔性盒和溢出。
当容器处于flexbox模式并且一个子容器开始水平溢出(假设您通过javascript更改内容的宽度)时，滚动条就会出现，但无法操作。
强迫浏览器重新绘制(例如，通过调整大小)将使滚动条再次工作。
下面是一个例子：
在Google Chrome中
试着滚动段落
在"Toggle类“上单击两次以移除滚动并重新设置它。
再试一次滚动(滚动不起作用)
调整窗口大小以强制重绘
卷轴又起作用了
这似乎只有在容器显示时才会发生，flex。
$('#toggle').on('clic
浏览 0提问于2015-04-08得票数 4
回答已采纳
每当我使用justify-content: flex-end;时，我都会遇到一个滚动条问题。我禁用了滚动条，怎么解决这个问题呢？希望有人能帮我。
重构
$(".input").on("keydown", function(e) {
if (e.keyCode === 13) {
$(".text").append($("<p />", {
html: $(".input").val()
}))
e.preventDefault()
$(".in
浏览 0提问于2017-01-26得票数 1
我有这样的密码：
<div id="#wrap">
<div class="overview">
<div class="cnt">[...content...]</div>
</div>
</div>
.overview和.cnt的宽度都设置为大约10000 JS(通过JS)，而'#wrap‘则设置为100%。我将overflow-x: hidden设置为它们，因此滚动条是隐藏的。但我想要滚动那些div左右。因此，我创建了两个span元素和一些jQu
浏览 2提问于2013-08-13得票数 1
1回答
我想要什么
两个div :页面正文(1)和背景块(2)
背景块总是(2560x780) px。
页体宽度为820 is，而高度是可变的。
后台块应该在页面正文后面。
背景块和页体都应居中。
当调整窗口大小时，背景块不应该相对移动到页面主体(甚至是1像素!)
背景块不应出现水平滚动条。
背景块位置不固定
约束
没有JS
CSS2优先
我试过什么
页面正文CSS：
#pageBody {
width: 820px;
margin: 0 auto;
}
背景块CSS：
1.一个全页的div，显示以CSS为中心的背景。
&l
浏览 1提问于2015-04-01得票数 4
回答已采纳
我之所以发表这篇文章，是因为到目前为止，我还没有找到任何解决这个问题的办法。
我已经实现了我自己的代码作为解决方案，但我想知道是否有任何更好的方式来做到这一点。
场景：有一个包含在父div标记中的div标记列表，它提供一个滚动条来滚动div列表。
目标：这个目标是在滚动时突出显示下一个/最接近滚动条的div标记。
下面是该场景的HTML代码：
<div id="main">
<div id="container">
<div>Text 1</div>
<br/>
浏览 2提问于2015-08-14得票数 1
回答已采纳
1回答
当滚动条中的文本没有溢出容器的高度时，是否可以隐藏滚动条。当文本溢出或超过高度时，我希望使滚动条可见。
CSS：
div {
width: 150px;
height: 150px;
overflow: scroll;
}
HTML：
<div>
sample text
</div>
样本JS：
浏览 4提问于2015-01-07得票数 1
回答已采纳
1回答
我正在尝试使用引导构建一个中央划分的布局。屏幕的左边应该是固定的，屏幕的右边应该是可滚动的。
到目前为止，它运行良好，但是当我在小型设备上测试布局时，屏幕的右侧会有两个滚动条。当我在小型设备上隐藏滚动条时，右侧的内容不再可滚动。
将overflow:auto;更改为overflow:visible;解决了使用两个滚动条的问题，但屏幕的左侧不再固定，而是在右侧滚动。position:fixed;不能解决这个问题。
以下是代码：
.lw { font-size: 60px; }
body {
margin: 0;
}
#left {
background-color:
浏览 0提问于2016-12-21得票数 0
回答已采纳
3回答
我正在使用jquery对话框弹出一个对话框。
当对话框打开时，它会像预期的那样显示对话框，但是它会给页面增加额外的高度，并且在大多数屏幕分辨率下，这将导致浏览器上出现垂直滚动条。显然，没有什么可以向下滚动查看的，因此非常希望不使用动态滚动条。我试着把对话框div放在整个页面上，但是我不能摆脱它。它发生在ie和Firefox中。
以下是代码的简化版本：
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">
浏览 0提问于2011-11-19得票数 3
回答已采纳
2回答
我用过完美的滚动条js插件。滚动条很好用。但是，当我再次为另一个内容(同页)添加这个滚动条时，它不适用于第二个div。如何使用此插件在同一页中添加多个滚动条？
JS
jQuery(document).ready(function ($) {
"use strict";
$('#Default').perfectScrollbar();
});
CSS
#Default.contentHolder { position:relative; margin:0px auto; margin-top: 20px; padding:0px;
浏览 0提问于2014-05-09得票数 3
回答已采纳
我有一个这样的文档：
<html>
<head>
<style>
div.result {
height: 500px;
overflow: auto;
width: 900px;
}
</style>
<div class="options"></div>
<div class="result">
<table>
<!--here I have large table-->
</table>
</div>
这给了我一个带有滚动条的
浏览 4提问于2012-05-14得票数 0
回答已采纳
我在div标签中有一个按钮。该div标签还有一个垂直滚动条。
如果我滚动条并单击div中按钮，它将以警告消息的形式返回滚动位置。
如何使用JavaScript做到这一点？
浏览 0提问于2011-09-06得票数 0
2回答
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
jQuery(document).ready(function($) {
window.scroll(0, document.documentElement.scrollHeight);
});
</script>
</head>
<body>
<div id="hahaha">
<
浏览 1提问于2014-10-04得票数 0
1回答
我确实在一个有overflow:scroll using jquery的div上隐藏了滚动条。
$('body').css('overflow','hidden');
它工作得很好。
问题是，这在我的应用程序中隐藏了所有jsp的滚动条。
但我只想在js/jsp页面上隐藏滚动条。
有没有办法只隐藏单个js/jsp，即使它是公共的div？
在这个问题上，有人能帮我吗？
浏览 17提问于2015-08-14得票数 0
1回答
这似乎是一个奇怪的问题，但我需要知道是否有可能劫持窗口滚动条，这样当用户滚动它时，它就不会滚动页面。我想写一些js，当用户滚动窗口滚动条时，它会滚动div。我可以编写js来检测滚动和多少动画div等，但不确定如何劫持窗口滚动条，并停止它滚动窗口，这是可能的吗？
浏览 1提问于2011-02-15得票数 0
回答已采纳
我使用循环插件为我的标题和标题，标题有一个滚动条，如下图所示。我使用mCustomScrollbar设置滚动条的样式。滚动条在第一个标题中运行良好，但当我在第二个标题中应用它时，滚动条不会出现。发生这种情况的原因是什么，是与cycle有关还是其他原因？
下图显示了问题：
代码(JavaScript)：
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" s
浏览 5提问于2013-04-10得票数 0
2回答
我正在创建一个滚动条来水平移动网格。当我使用firefox作为默认浏览器时，它工作得很好。如果我使用Internet Explorer，滚动区域不工作/禁用。我需要显示一个滚动条来向左或向右移动我的网格，但当我单击窗格时，它不会移动。下面是我的代码片段：
Horizantal滚动条：
<table>
<tr>
<td colspan="2">
<div style="height: 17px; width: 100%; overflow-x: scroll; overflow-y: hidden;&#
浏览 1提问于2011-12-26得票数 0
我有一个比窗口高但在一定宽度内的div。这将导致div在最底部得到一个水平滚动条。这方面的问题是，用户很难在div中左右滚动。
我想知道是否可以将滚动条附加到屏幕底部，直到用户滚动到div的底部。
让你知道我想做什么。Codrops创建了一个很好的表，一旦您滚动到表头，它就会将它的self附加到屏幕的顶部。下面是该的演示。我想这样做，但在屏幕底部附加一个滚动条。很抱歉，我无法提供我尝试过的东西，因为我甚至不知道从哪里开始去完成这个任务。
浏览 0提问于2014-07-17得票数 2
回答已采纳
1回答
我需要一些内容在div中出现(淡入)和消失(淡出)，同时使用浏览器滚动条(而不是div中的滚动条)向下滚动，使其在向上滚动时(在循环中)发生逆转。
这个链接显示了一个关于我的确切意思的视频：
这看起来很简单，但我在互联网上看到的所有例子都与在屏幕的顶部/底部显示/隐藏内容有关。其他的，例如新闻代码，依赖于div内的滚动条或按钮来滑动内容()。
那么，如何在屏幕/页面中间的div中显示/隐藏内容，同时使用浏览器滚动条向下滚动/向上滚动(反向)？
浏览 1提问于2015-05-23得票数 1
回答已采纳
1回答
我在一个HTML文件中有2个滚动条。滚动条a较短，滚动条b较大。当滚动条a中的滚动到达末尾时，滚动条b获得焦点并开始滚动。怎样才能避免这种影响呢？我希望当我将鼠标放在滚动条上时，只能由该滚动条a处理，而不是b。 document.getElementById('left').onmousewheel = function(e, d) {
if((this.scrollTop === (this.scrollHeight - this.offsetHeight) && d < 0)
|| (this.scrollTop === 0 &a
浏览 10提问于2019-06-04得票数 3
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
