检测不可滚动div中的滚动
在前端开发中，检测不可滚动div中的滚动是一个常见的需求。以下是一个完善且全面的答案：
滚动是指在网页中显示超出容器大小的内容时，通过滚动条或手势来查看隐藏部分的操作。在某些情况下，我们可能需要检测一个div是否可以滚动，以便在需要时执行相应的操作。
要检测一个div是否可以滚动，可以使用以下方法：
- 检查div的内容是否超出了其容器的大小。可以通过比较div的scrollHeight和clientHeight属性来判断。如果scrollHeight大于clientHeight，则表示内容超出了容器大小，可以滚动。
- 检查div的overflow属性是否设置为"auto"或"scroll"。这些值表示div允许滚动。可以通过访问div的style属性或使用JavaScript的getComputedStyle方法来获取该属性的值。
- 检查div的scrollTop属性是否大于0。如果scrollTop大于0，则表示div已经发生了滚动。
以下是一个示例代码，演示如何检测一个div是否可以滚动：
<!DOCTYPE html>
<html>
<head>
<style>
.scrollable-div {
width: 200px;
height: 200px;
overflow: auto;
}
</style>
</head>
<body>
<div class="scrollable-div" id="myDiv">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nunc id aliquet lacinia, nisl nunc tincidunt nunc, id lacinia nunc nunc id nunc. Sed euismod, nunc id aliquet lacinia, nisl nunc tincidunt nunc, id lacinia nunc nunc id nunc.</p>
</div>
<script>
var div = document.getElementById("myDiv");
// 检查内容是否超出容器大小
if (div.scrollHeight > div.clientHeight) {
console.log("div可以滚动");
} else {
console.log("div不可滚动");
}
// 检查overflow属性
var computedStyle = window.getComputedStyle(div);
if (computedStyle.overflow === "auto" || computedStyle.overflow === "scroll") {
console.log("div允许滚动");
} else {
console.log("div不允许滚动");
}
// 检查scrollTop属性
if (div.scrollTop > 0) {
console.log("div已经滚动");
} else {
console.log("div未滚动");
}
</script>
</body>
</html>在上述示例中，我们首先获取了id为"myDiv"的div元素。然后，我们使用上述方法检测div是否可以滚动，并通过控制台输出相应的结果。
对于这个问题，腾讯云提供了一系列与前端开发相关的产品和服务，例如：
- 腾讯云CDN（内容分发网络）：用于加速静态资源的传输，提高网页加载速度。了解更多：腾讯云CDN产品介绍
- 腾讯云Web应用防火墙（WAF）：用于保护网站免受常见的Web攻击，如SQL注入、XSS等。了解更多：腾讯云Web应用防火墙产品介绍
- 腾讯云云服务器（CVM）：提供可扩展的计算能力，用于部署和运行前端应用程序。了解更多：腾讯云云服务器产品介绍
请注意，以上仅为示例，实际上还有更多腾讯云的产品和服务可供选择，具体选择取决于实际需求和项目要求。
相关·内容
1回答
我在这里有整个部分：
<section id="design-centre">
<section id="design-centre-cover">
<div class="container">
<div class="row">
<div class="cover-left">
<h1>Our Designs Make L
浏览 0提问于2015-08-07得票数 0
我开发了一个，当某些图像被点击时，它会在灯箱中显示完整的网页-这些页面与图像相关。页面位于一个IFRAME中，而IFRAME位于lightbox的content div中。
问题是这样的:当lightbox内的页面比lightbox的高度长，并且站点在iPhone/iPad上浏览时，似乎没有办法滚动内部页面-滚动手势滚动最外面的页面( lightbox覆盖的页面)。Mobile Safari没有滚动条，完全依靠手势滚动，因此内部/覆盖的lightbox IFRAME似乎无法滚动。
对此有什么解决方案吗？我是否需要使用特殊的移动浏览器并打开一个新的浏览器窗口，或者完全导航到IFRAME的页面，而
浏览 1提问于2011-02-20得票数 3
2回答
我已经创建了一个页面的网站。我已经使用了bootstrap menu的平滑滚动。当用户单击特定部分时，该部分将以平滑滚动为目标。台式机上没有问题。
但当涉及到移动版本时，
当我点击Feartures时，它会以平滑滚动的方式指向Featues部分，但菜单仍然显示在手机上，但当我点击feature部分时，引导下拉菜单应该会关闭。
请检查我的代码：
<script type="text/javascript">
$(document).ready(function(){
$(".navbar-toggle").click(functi
浏览 0提问于2018-09-18得票数 0
1回答
假设我想滚动到div的50%，例如，如果div溢出，我想滚动到滚动条的一半，所以它在中间。我该怎么做呢？
<div id = "container">
<canvas/>
</div>
<style>
#container {
width: 80vw;
height: 100vh;
overflow: scroll;
}
</style>
浏览 24提问于2020-05-28得票数 0
回答已采纳
1回答
我目前正在开发一个django聊天应用程序，它涉及使用ajax加载聊天消息列表，并通过jquery (例如chatmsg_div)将它们附加到模板中的一个div中。
由于聊天应用程序将被许多用户使用，我被要求对聊天消息进行分页，而我已经成功地这样做了。现在，只有聊天室中的最后20条聊天消息将被加载供用户查看(最新消息位于div的底部)。
但是，我需要做的另一个要求是在滚动到chatmsg_div顶部时加载聊天历史记录(例如，在另一个页面中的前20条消息)。
我的问题是：
我对google做了一些研究，但找不到任何jquery函数，它允许我在到达特定div顶部时触发ajax调用。我对jque
浏览 2提问于2017-07-19得票数 0
回答已采纳
1回答
我有以下div
<div id="item-1" >item 1 content get here </div>
<div id="item-2" >item 2 content get here </div>
我想要在滚动位于div内容之间时执行一个函数，当滚动超出div时执行一个不同的函数。
在我的jQuery中
$(window).on('scroll', function() {
var divs = ["item-1","item-2"
浏览 3提问于2020-06-09得票数 0
我有一个聊天应用程序，我试图在发送新消息时滚动到底部，但我在尝试上传图像时遇到了问题。我认为应用程序在图像加载之前滚动，所以仍然在图像的中间。下面是我的AlwaysScrollToBottom组件(它在另一个目录中，即messages框)： import React, { useEffect, useRef } from "react";
const AlwaysScrollToBottom = () => {
const elementRef = useRef();
useEffect(() => {
return () => {
浏览 28提问于2020-06-22得票数 0
回答已采纳
我想做的是做一个iPhone模拟器，然后在iFrame中显示一个网页。滚动条占据了太多的空间，所以我想隐藏它们，但仍然可以滚动。
下面是HTML：
<div id="iphone">
<iframe src="http://site.com" width="307" height="443"><p>Your Browser does not support iFrames.</p></iframe>
</div>
CSS：
#iphone { back
浏览 3提问于2011-09-13得票数 2
回答已采纳
1回答
如何检测有固定高度但没有滚动的div中的滚动？以下代码将不起作用： HTML： <div class="wrapper">
</div> CSS： .wrapper { height: 600px; } JS： $('.wrapper').scroll(function() { //... });
浏览 14提问于2019-03-18得票数 3
回答已采纳
1回答
我有一个相对的div高于一个固定的，它的作用就像一个导航条。
我希望能够滚动通过相对div之前，固定的div开始滚动是我的网站。
从站点上的滚动可以看出，侧边栏并不像预期的那样工作。
浏览 2提问于2014-05-27得票数 1
回答已采纳
1回答
我有一个嵌套的div，它充斥着文本(overflow: auto)。父div有(overflow: hidden)，通过这个技巧，我可以使用绝对定位和负向偏移量滚动。这两个div位于我网页的右半部分，在一个居中的容器中。
我想使用悬浮实现这些嵌套div的滚动系统。当用户在嵌套div的较低的25% (红色部分)上徘徊时，内容会向下滚动。当用户在div的上25% (蓝色部分)徘徊时，内容会向上滚动。
我一直很难找到实现这个目标的最佳方法。我尝试使用z索引和绝对定位来堆叠div，在div后面有正确的%比例，但是我无法让jQuery认识到它在那些div上徘徊，因为它们在内容后面。下面的截图显示了我网页
浏览 1提问于2015-01-14得票数 0
回答已采纳
1回答
我一直试图寻找不同的东西，但我找不到适合我的问题的解决办法。
当你在iPad上滑动时，我需要滚动到下一个div，这样div的顶部就会切换到iPad顶部。我认为这只是on .scroll和.scrollTop()的结合，对吗？因此，现在当您滚动时，它应该检测到您向下滚动或向上滚动，当您这样做时，跳到下一个或上一个div。
有谁能找到解决这个问题的途径吗？
提前感谢
浏览 2提问于2014-10-01得票数 0
回答已采纳
你能让一个div的溢出内容在Android浏览器中滚动吗？
它可以在所有其他现代浏览器中滚动。
在iOS中，它是可滚动的--但是它不会显示滚动条--但它可以通过拖动来滚动。
一个简单的例子：
这个问题很快就会解决吗？
浏览 0提问于2011-11-05得票数 30
2回答
我有一个有唯一id的div，在里面我有一个youtube iframe代码。我正在尝试开发一个粘稠的div，当用户向下滚动以淡出默认的div，该div保存youtube的视频，并将其移动到这个新的粘性div并开始播放。
到目前为止，我正在开发以下代码：
身体内部：
<div id="newdiv" style="display:none;"></div>
<div id="currentplayer">
<iframe width="600" height="338"
浏览 0提问于2014-07-12得票数 0
回答已采纳
我使用ngFor呈现列表的数组。我使用无限滚动，并在滚动结束时添加新元素。但在数组中添加新元素后，渲染并未发生，仅当我单击页面中的任何元素时才会更新。 file.html <div *ngIf="arrayList.length">
<ul class="max-h-400" infinite-scroll (scrollEnd)="onScrollFunc()">
<li *ngFor="let item of arrayList;let i = index">
浏览 20提问于2020-03-30得票数 0
2回答
纯CSS覆盖滚动
、、、
只使用css和html，在向下滚动页面的其余部分之前，是否可以完全滚动掉内部div (覆盖红色div)？本质上，想知道只有在css中是否可以在冻结后面div的同时进行覆盖滚动？然后，一旦红色div消失，解冻背景滚动并继续。类似于这里的站点：https://humaan.com/。或者需要使用某种JavaScript？ .headervideo{background-color:blue; width:100%; height:900px;}
.headerbreak{width:100%; height:300px;}
.headervideo #inner-box {
backg
浏览 36提问于2020-12-31得票数 3
回答已采纳
1回答
可能重复：
我有一个页面，我有一个标题，左菜单，内容，右菜单和页脚。在我的内容中，我有一个div (比如id-foo)，其中我有一些数据。当用户滚动页面并到达div底部时，我必须进行ajax调用，并带来更多的数据来填充其中的内容。如何检测用户已经滚动(页面滚动，在div中没有滚动)到div (foo)底部。
浏览 3提问于2012-04-02得票数 1
回答已采纳
如何从OnScroll事件中检测可滚动div的滚动方向？我想增加15到scrollTop，如果用户向上滚动和减去15，如果用户向下滚动。有没有可能不使用JQuery？
浏览 0提问于2010-04-20得票数 4
1回答
如何滚动元素直到某个单词出现？
、、、、
我正在抓取谷歌地图，我需要知道如何滚动查询列，直到单词出现
“你已经到了名单的尽头”。
我用硒刮。
我目前使用的代码：
for a in range(100):
barraRolagem = wait.until(EC.presence_of_element_located((By.XPATH,
"//div[@role='main']//div[contains(@aria-label,'" + procurar + "')]")))
driver.execute_script("argume
浏览 2提问于2022-11-23得票数 1
回答已采纳
我有以下简单的：
<div id='d1'>
<div id='d2'>
<table id='d3'>
<tr>
<td>T1</td>
<td>T2</td>
<td>T3</td>
<td>T4</td>
浏览 1提问于2014-06-30得票数 4
回答已采纳
1回答
我使用jQuery滚动条插件(perfectScrollbar)来处理两个溢出:桌面视图大小上隐藏的div。问题的根源在于滚动条不支持在触摸设备上将滚动(wheelPropogation)传递回父设备
在我针对较小视口大小的CSS中，我认为只需将div高度和溢出切换到"auto“就可以解决我的问题，因为div本身不需要在较小的视口上滚动。
CSS部分的工作原理是，div中的所有内容在这些较小的屏幕上都可以看到，但是插件仍然在运行，一旦用户点击了div，用户就会陷入困境。即使div不再是可滚动的，它也不会将滚动卷传递给父服务器。
有什么简单的建议吗？在没有触摸屏的情况下，只有打开插件的最
浏览 4提问于2014-11-14得票数 0
回答已采纳
1回答
我目前正在测试这种类型的面板jquery：
但是当我想要从顶部检测滚动以使其显示为div时:(
一种在面板中从顶部检测滚动的方法？我使用这种没有结果的东西
$(document).scroll(function () {
var y = $(this).scrollTop();
if (y > 500) {
$('.cache').fadeIn();
} else {
$('.cache').fadeOut();
}
});
诚挚的问候,
浏览 0提问于2015-06-10得票数 1
因此，我有一个元素，我希望能够放大和退出使用滚动轮在我的鼠标。我想一个很好的方法是这样的：
JavaScript
var container = document.getElementById("container"),
zoom = document.getElementById("zoom");
var x = 0, lastScrollTop = 0;
const zoomWidth = zoom.getBoundingClientRect().width;
// I want the container to be the one that is
浏览 0提问于2019-09-12得票数 0
我在iPad的HTML5/CSS3Webapp中使用Angular JS，我有一个相当大的表格，需要有水平和垂直滚动，以及在MS Excel上找到的“冻结窗格”功能。
现在，我已经实现了一个基于div的布局，将表格分成3个区域，即顶部、左侧和中间区域，如图所示。我在可滚动区域(顶部和左侧)上检测滚动，然后使用Javascript将中间区域的位置固定为同步。这是可行的，但很不稳定。有没有更干净的方法来实现这一点？我尽量不使用任何插件，因为我的代码已经相当繁重了，但如果有轻量级的快速插件，我也对它们持开放态度。
提亚
浏览 3提问于2014-07-07得票数 1
一个页面上有三个divs -每个都有100vh高度。
通过上下滚动，当一个div的顶部边框与视图顶部接触时，我需要得到它的data-x。
只在滚动时，而不是通过加载页面。
在下面滚动控制台的示例中，应该是：
ipsum
dolor
再回过头来：
ipsum
lorem
这是我的尝试，但没有成功地得到这样的控制。
请帮帮忙
var cards = [...document.querySelectorAll('.card')]
let options = {
rootMargin: '100%'
};
function onIntersect(ent
浏览 1提问于2022-08-12得票数 0
回答已采纳
我目前在ScrollViewer中有一个Adorner。滚动查看器底部的对象有时会在其下方显示一个较大的装饰器。不幸的是，该装饰器不包括在滚动查看器的ExtentHeight中，因此装饰器的下部被剪切到滚动查看器的视区的底部。
有没有办法让装饰层的内容包含在滚动查看器的可滚动区域中？
浏览 2提问于2012-04-09得票数 3
回答已采纳
我需要创建一个bootstrap 4布局与一个图像，该图像后，页面滚动，图像到达页眉底部，但当页面向下滚动到页脚和页脚进入视区后，图像应该开始与页面再次滚动。图像应该只在大的和超大的bootstrap 4网格上是粘性的。我正在寻找的行为应该与新的bootstrap 4类" sticky-top“添加到图像中是一样的，只是使用css和jquery，因为由于缺乏浏览器支持，我不能使用sticky-top类。有没有办法用jquery做到这一点？
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bo
浏览 0提问于2017-02-14得票数 0
我使用这个javascript加载一个网页，该网页被滚动到我需要的区域，并放到一个<iframe>中。但只要加载给定的iframe，视区就会立即跳转到该点，就像我在URL末尾使用#asContainer一样。
HTML：
<h3>Audiosurf</h3>
<div id="asContainerWrapper">
<iframe id="asContainer" scrolling="no"></iframe>
</div>
JavaScript：
$
浏览 2提问于2013-01-23得票数 3
回答已采纳
当div滚动时，如何获取它的可见高度(10月份访问了您的配置文件)：
完整的div高度- 127px.我试着和getBoundingClientRect()跳舞，但是没有什么改变。
<div id="root">
...
<div id="statisticsContainer">
<p>
<Icon/>
Visited you profile in October
</p>
<div id="mainValueContai
浏览 3提问于2022-10-12得票数 1
我有一个DIV，里面有一些内容，当在触摸设备上观看时，DIV相当大，比屏幕的尺寸还要宽。因此，我添加了以下CSS：
#container{
width: 100% !important;
height: auto;
background-color: blue;
overflow-x: scroll;
white-space:nowrap;
}
这很好用，DIV现在可以左右滚动，而页面上的其他内容保持不变。我的问题是DIV中的所有东西在被触摸时都会做出反应，主要是可点击的按钮之类的。
有没有办法在容
浏览 3提问于2013-08-20得票数 0
此问题与移动触摸设备有关。
我的主屏幕是垂直滚动的，它工作得很好。在它里面，我有另一个水平滚动的div，它也可以工作。
当我试图通过在子(水平滚动区域) div上移动手指来垂直滚动时，就会发生冲突。它根本不能滚动！这个div周围的区域让我可以上下滚动，没有任何问题。
有人有解决这个问题的办法吗？这是一个css问题吗？
浏览 1提问于2013-04-26得票数 1
2回答
下面是一个显示我的问题的Fiddle：
我的网页以全屏介绍开始。我想要的是：
当用户从介绍中向下滚动时，浏览器将直接滚动到页面的主要内容(简介下面的div )。
当用户从页面内容的顶部向上滚动时，浏览器将直接滚动到文档的顶部。
这就是我所做的，但是向上滚动不起作用。
lastScrollTop = 0;
$(window).scroll(function(event){
// st determines the direction of the scroll
var st = $(this).scrollTop();
// if scrolling
浏览 3提问于2014-10-22得票数 1
回答已采纳
在我的项目中，我有这样的代码，它从mysql查询中获取结果并将其放入注释DIV中，而jquery代码在我通过另一个页面代码向下滚动时会给我带来更多的结果。
<body>
<div id="container">
<div class="comment">
<div id="comm">
</div>
</div>
</div>
<script type="text/javascript">
$(document).rea
浏览 1提问于2016-11-08得票数 0
回答已采纳
3回答
我有两个div，一个嵌套在另一个中。我想获取相对于浏览器窗口的子div位置。用例是这样的:当用户向下滚动浏览器时，我想要检测子div的位置，如果它在浏览器窗口底部上方的100px，我想要慢慢淡出它。
我怎么用jQuery做到这一点呢？这两个div有相对位置或绝对位置，但没有固定位置。
浏览 1提问于2009-11-07得票数 0
回答已采纳
1回答
我有一个水平滚动在一个div，它的宽度比它的子宽度小。
我让CSS成为可能
div {
width: 300px;
overflow: auto;
}
div p {
width: 600px;
}
和HTML：
<div>
<p>
this is very looooooooooong text and very loooonggg paragraph
</p>
</div>
当我向下滚动(从鼠标)时，我想添加滚动监听器，然后向右滚动该div的内容，如果向上滚动，则向左滚动div的内容。
var lastScrollT
浏览 1提问于2016-03-21得票数 0
2回答
这个小插件不是position:fixed，而是一个跨浏览器实验，用于将absolute定位元素设置到页面底部。
而且它是有效的。(IE6,7,8 / MOZ / Saf，Mob.Safari533.1 /O/.)差不多了。
唯一的问题是，当页面被滚动时-> div抖动。
我是否需要绑定到.scroll()事件--某些setInterval()或setTimeout()什么的？
有什么想法吗？有什么建议吗？提前感谢！
插件：
(function($) {
$.fn.jFooter = function() {
var footer = this;
浏览 3提问于2011-06-29得票数 2
回答已采纳
我正在用phonegap开发一个iOS应用程序。UI由许多水平布局的“包装器”组成，每个包装器都位于视区高度的100%。
<html>
<body>
<div id="wrapper-one"></div>
<div id="wrapper-two"></div>
<div id="wrapper-three"</div>
</body>
</body>
html、body和#wrapper-*元素都在
浏览 0提问于2014-03-28得票数 0
有没有办法检测div何时显示或隐藏滚动条？当滚动条显示时，我想调整div中的一些控件的大小，这样滚动条就不会覆盖它们。
因此，我需要一个在滚动条出现和消失时触发的事件。谢谢，布赖恩
浏览 0提问于2009-10-05得票数 4
回答已采纳
2回答
我正在尝试使用在iframe的画廊中滚动。我使用jQuery代码从中滚动。
使用这段代码并不适用于我的图像(它只是隐藏原始浏览器滚动条，不会抛出任何错误，并且拒绝滚动)，但是如果我用多个段落替换图像，使它们溢出(就像在示例中一样)，它会非常好地工作。
编辑：我忘记提到使用默认浏览器滚动条完美地滚动图像。
编辑#2：Made a 。
下面是我的画廊的结构：
...
</head>
<body>
<div id="content"> // Used the same way as in the example, works with text
浏览 2提问于2014-07-31得票数 0
回答已采纳
1回答
当页面没有滚动时，侧边栏正确地满足页面底部，侧边栏中的内容仍然可以一直滚动到底部。
但是，一旦页面滚动，边栏就会以导航条+边距的大小离开页面的底部。这是预期的，然而，是否有一种方法，以确保侧边栏坚持在底部的视口以及滚动后的身体？
涉及绝对或固定定位的解决方案对我来说是不够的，因为我想将侧边栏保存在文档流中。
html, body {
height: 1200px;
background: red;
margin: 0;
}
header {
height: 50px;
background: blue;
}
.sidebar {
backgro
浏览 2提问于2022-08-23得票数 0
回答已采纳
我使用的是角度材质，当滚动时，我可以触发一个事件。没问题。因此，如果用户通过调用方法进行滚动，但由于某种原因，我设置为变量的类名在HTML中没有更新，那么现在我正在尝试更改一个类。但是，如果我在任何元素中使用(click) event来触发相同的方法，那么类名就会正确更新，并且类在HTML中会发生变化。我知道这个方法是通过滚动来调用的，我知道类名是更新的，因为我可以在控制台中看到它，但由于某些原因，类似乎没有更新，可能是在滚动时在dom中。我不知道该怎么解决这个问题。
我的HTML
<div class="text">
<sp
浏览 1提问于2020-07-23得票数 0
1回答
标记滚动条上的键位置
、、、
我有一个使用overflow: auto属性的带有自己的滚动条的div。使用这个div，我显示了一个表。对于某些行，我希望在滚动条上显示它们在div中的位置的标记。
此时，我正在计算想要在滚动条中标记的所需行的位置，方法是从父div中减去偏移量，然后使用它们的固定位置创建div
使用新创建的div，我如何在滚动条上显示该位置，而不是在div中，或者甚至可以在滚动条上添加固定的div？
浏览 0提问于2016-02-24得票数 3
我有一个问题，一个大的固定背景图像在IE10触摸设备。(我有一个带有Windows 8的三星平板电脑，但我猜想在Surface上可以看到同样的行为，但无法证实。)
要将一个大的固定图像作为站点的背景，有两种方法：
1)在body元素上使用CSS3背景属性--这在IE10触摸设备上工作得很好。但是，在iOS浏览器中，背景与视图一起滚动。接下来是第二步。
2)将背景图像作为内联图像或div放置在主体元素中。设置图像(或包含div)为位置-固定的低z指数.这解决了iOS问题，并在我测试过的所有浏览器上正常工作，除了IE10上的触摸滚动。背景图像“抖动”或在滚动过程中上下闪烁几个像素。一旦滚动结束，所
浏览 0提问于2013-05-07得票数 4
当用户向下滚动到特定的div，然后滚动到页面底部时，我尝试执行一个函数/警告用户。当用户滚动到底部和顶部时，我可以发出警告，但不确定如何指定用户何时滚动到折叠下面(中间部分)。到目前为止，我有以下几点：
<div class="container top">TOP</div>
<div class="container middle">Middle</div>
<div class="container bottom">Bottom</div>
jQuery
$(funct
浏览 6提问于2015-09-25得票数 0
2回答
水平滚动+滚动条
、、
我想要构建一个页面，其中页面中间的某个DIV元素是水平滚动的(大宽度+ overflow-x: scroll)。滚动条将显示在此DIV的底部。
是否可以在页面的最底部(而不是div底部)显示一个滚动条，该滚动条只在页面中间的可滚动DIV中滚动内容？
我问这个问题，是因为我想把内容放在可滚动的DIV下面，并且我希望用户能够用滚动条滚动这个内容下面的位置。
<body>
<div id="wrap">
<div class="slider">
# Slider content here
</
浏览 1提问于2015-03-02得票数 0
回答已采纳
1回答
此页面使用溢出框，以便您可以滚动内容：
如果滚动到该内容的底部，滚动将一直停留在该框中，直到您将光标移出框并滚动页面的其余部分。(示例中的元素设置为position:fixed，但删除该规则仍会产生相同的结果)
对于定义了高度和溢出的任何div，这都会发生在我身上: auto；
<style>
div {
overflow: auto;
height: 100px;
}
</style>
<div>
Overflow is auto and if I add more content that exceeds the height, I
浏览 3提问于2017-04-14得票数 1
1回答
基本上，我创建了一个页面网站，并在单击不同的链接时使用JQuery创建了ScrollTo效果。因为在页面顶部有一个固定的div，所以我已经将目标偏移到页面顶部的固定div的高度，这样当它滚动时，页面顶部的固定div就不会隐藏内容：
if ($target) {
var targetOffset = $target.offset().top - $("#div_at_top_of_page").outerHeight();
这很好，在我页面顶部的固定导航下方滚动目标div。但是，在Safari中，默认情况下，指向已经滚动到div以下的滚动，因此添加：
$("#d
浏览 1提问于2013-04-17得票数 0
1回答
在我的页面中，我有div元素，我使用它作为右菜单，我把它放在右边0px，这样菜单和页面边缘之间就没有空格了，但是如果有滚动条我不能使用它，似乎div以某种方式覆盖了它(我可以通过移动我的鼠标滚轮来使用它)。如果我将div 10px向左移动，我可以使用滚动条，但是如果不需要滚动条，在页面边缘和div元素之间有一个10px的空白空间。有没有办法用css或javascript(而不是jquery)来解决这个问题，这样我的div就可以根据滚动条的可见性来定位了？
#rightMenu {
width: 10%;
min-width: 150px !important;
hei
浏览 3提问于2018-02-01得票数 0
2回答
我有一个函数，当查看器滚动到接近容器末端的位置时，它会向容器中添加更多内容。它工作得很完美：
var elem = $('#cont');
var bo = $('body');
$(window).scroll(function(){
if (elem.outerHeight() - bo.scrollTop() - 350 <= 0) {
for(var i = 0; i < 3; i++){
elem.append('<div class="box"></
浏览 0提问于2013-06-22得票数 1
回答已采纳
3回答
我需要一个更好的方法来计算一个可滚动的div的视图。
在正常情况下，我将使用以下属性：(scrollLeft、scrollTop、clientWidth、clientHeight)
使用这些数字，我可以准确地确定当前可滚动DOM元素的视图端口的哪一部分是可见的，我使用这些信息异步加载用户在水平或垂直滚动到内容时根据需要可以看到的内容。当DIV的内容是巨大的，这将避免一个令人讨厌的浏览器崩溃的错误，因为太多的DOM元素被加载。
我的组件已经工作了一段时间了，没有任何问题，这个构建我们正在引入RTL支持。现在，由于浏览器的不一致，一切都被抛出了。
为了演示，我创建了一个简单的示例，它将输出JSFi
浏览 15提问于2014-06-18得票数 12
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
