无限水平滚动在div末尾有空白
是由于滚动内容的宽度没有填满div容器的宽度所致。解决这个问题可以通过以下几种方式：
- 使用CSS属性
white-space: nowrap来禁止内容换行，确保内容在一行显示，从而填满div容器的宽度。 - 设置滚动内容的宽度为固定值或百分比，确保它与div容器的宽度相等或超过。
- 使用JavaScript动态计算滚动内容的宽度，确保它与div容器的宽度相等或超过。可以通过
scrollWidth属性获取内容的实际宽度，并设置给滚动内容。
以下是腾讯云相关产品和产品介绍链接地址，供参考：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各类业务需求。产品介绍链接
- 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务。产品介绍链接
- 腾讯云人工智能（AI）：提供丰富的人工智能服务和解决方案，包括图像识别、语音识别、自然语言处理等。产品介绍链接
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助连接和管理物联设备。产品介绍链接
- 腾讯云区块链（BCBaaS）：提供安全、高效的区块链服务，支持快速搭建和部署区块链网络。产品介绍链接
请注意，以上仅为腾讯云的部分产品，其他云计算品牌商也提供类似的产品和服务。
相关·内容
1回答
无限水平滚动在div末尾有空白
、、、、
我正在尝试创建一个动画，其中包含所有卡片的div从右向左滑动，我已经实现了这一点。问题是在div的末尾有一个巨大的白色间隙，当它重置时，我设法修复了这个问题，方法是指定在100%中div应该已经翻译了-1110px，但这会导致轮播重置时出现卡顿。代码如下 <div className="scroll-container" id="reset">
<div className="sc
浏览 31提问于2021-04-02得票数 2
我在这上面添加了无限滚动。在WP7.5中，列表框上有垂直压缩和水平压缩事件，我们可以在其中开始获取结果并更新ItemsControl或列表框。与此平行的是，我有可变高度的布局，这使得列表框在滚动时重新计算高度，并且在这段时间内闪烁，因为虚拟化在这种情况下不起作用。但是，在像foursquare和facebook这样的应用程序中这样做的方式非常有趣。当列表框到达末尾时，它在末尾留下一些空白，然后将结果添加到末尾
浏览 0提问于2012-03-19得票数 3
1回答
我有一个具有以下风格的div：overflow-x:scroll;width:682px;width:60px;float:left;
但是，当它们到达父div的末尾时，它们会从新行开始，而水平滚动则保持为空白。有什么想法吗?所有元
浏览 4提问于2011-10-25得票数 5
回答已采纳
2回答
离子5无限水平滚动端的火灾事件
、、、、
我试图建立无限滚动内容水平。下面的代码在第一次加载时执行任务。HTML： <div class="list-thumbnail"> </div>
</div
浏览 9提问于2022-02-04得票数 0
1回答
我试图在vuejs中为一些产品创建一个无限的水平滚动部分，但我正在努力获得无限的效果。我试着移除看不见的那张牌，并将它添加到最后一张牌上，但这导致了奇怪的对齐效果，而不是平滑的滚动。使用scrollTo平滑滚动的，并将行为设置为smooth。
有没有更好的替代方案，而不是简单地移除和添加一张卡到最后？
浏览 3提问于2021-02-09得票数 0
有什么方法可以改变Windows.UI.Xaml.Controls.Maps.MapControl的无限滚动功能吗？我正在尝试使用它来显示一些本地的磁贴(某种蓝图)，当我水平滚动它时，我希望它在到达末尾时停止。
谢谢。
浏览 2提问于2017-01-12得票数 2
1回答
我正在做一个离子应用程序，它有一个有水平滚动的页面。我想使用离子-无限滚动的垂直和水平滚动，但它现在只工作水平滚动。
浏览 1提问于2017-04-13得票数 3
回答已采纳
4回答
我使用来提供无限滚动功能，但是该插件的默认设置依赖于下一个链接的href属性来检测当前页面并快速加载下一组结果。我已经在我自己的javascript对象中跟踪结果偏移量和页面大小，只想让无限滚动插件调用window.LoadMore函数来加载下一个结果，我检查了插件代码，看起来我应该覆盖loading.start我将如何从插件初始化中执行此操作，下面的代码将无法工作
浏览 8提问于2012-01-10得票数 3
1回答
我已经尝试有一个功能(见下文)无限水平滚动模式/图像固定的位置。无限滚动函数工作，但我唯一的问题是固定位置。我想给无限水平滚动图像一个固定的位置，意味着如果我向下滚动的网站，图像应该停留在位置和应该滚动水平在同一时间。我尝试在css类选择器下添加一个"position:fixed;"或"background
浏览 1提问于2018-08-12得票数 2
回答已采纳
当用户接近水平滚动div的末尾时，我需要通知。我知道页面滚动条末尾的通知可以这样实现： if (document.body.scrollHeight - $(this).scrollTop() <= $(this).height()+500) { }但是，在这样一个可滚动的水平
浏览 2提问于2013-09-11得票数 0
回答已采纳
我使用这个jQuery脚本，它根据div的宽度自动滚动div水平。但我需要它根据div内部的内容端滚动到div的最末端。div有一个“overflow：”属性，所以我希望它在所有内容中滚动，直到它到达末尾为止。targetElement, speed); }); });animatethis($(
浏览 4提问于2016-09-05得票数 1
回答已采纳
当我使用“鼠标滚动”滚动(水平)内容时，我看到了奇怪的效果：-一个奇怪的LI的重新排序，我在可收集区域内-当我到达可滚动区域的末尾时，滚动不会停止。LI具有固定宽度和高度，并向左浮动以填充可滚动区域。scrollingHotSpotRightVisible"> <div class="scrollWrapper">
&
浏览 0提问于2014-01-28得票数 0
我在html中有这样的情况： <div class="inner"></div>
height: 300px;}
height: fit-content;}
因此，我有了父div
浏览 12提问于2021-06-07得票数 0
1回答
如何防止MKMapView无限水平滚动。initWithURLTemplate:tileTemplate]; mapView.visibleMapRect = MKMapRectWorld;
当用户水平滚动并到达MKMapRectWorld的末尾时，地图将重复。我看了看，但代码看起来相当复杂，在动画回滚之前，人们可以看到一些重复的地图。
浏览 0提问于2014-01-15得票数 0
2回答
我想做一个可以无限滚动的水平列表框(循环列表框/滚动查看器，或循环列表框/滚动查看器)，这意味着当我滚动到它的末尾时，它会从开头滚动。我试图使列表框水平，但它不会滚动，所以我把它放在一个滚动查看器中，让它水平滚动。然而，它不是滚动的列表框，我需要他们以某种方式滚动从头开始。
浏览 0提问于2011-07-13得票数 0
回答已采纳
我想让<li><div class="ImgAndDel"></div></li>在.ProductImageGallery中水平滚动，但它们只在div的末尾清晰显示，而我只能得到垂直滚动。
浏览 0提问于2012-02-17得票数 0
1回答
1)将滚轮滚动转换为左右滚动(因此不是上下滚动)。我似乎找不到一种简单快捷的方法来做到这一点。2)我需要显示时间线的区域在我滚动时自动扩展。因此，如果我向下滚动，它将在右侧添加一个“等效”区域，并在左侧向下添加一个“等效”区域。所以我想做一个iFrame (已经在使用它们了)，当你滚动它时，只会在左边或右边添加更多的“时间线”，加载任何它需要从DB/事件列表加载的东西，等等，ad无限，从而创建一个不断
浏览 1提问于2013-02-28得票数 0
我有一个问题，水平滚动条出现在infoWindow弹出窗口时，有很多内容在里面。当有少量不低于高度的内容时，这是很好的。然而，它似乎在知道内容低于高度之前就计算了大小，所以没有考虑滚动条宽度。我已经将包含div的宽度设置为480px，但它被插入到只有460px的div中，因此出现了滚动条。我也尝试过宽度自动。我还没有从我读过的其他类似问题的答案中找到解决方案。我已经创建了一个JSFiddle来显示我正在谈论的内容：
浏览 1提问于2013-04-18得票数 1
我想在一个网站上实现无限的垂直和水平滚动，我正在做类似谷歌地图的事情。有没有可以让我开始使用基础的插件？
浏览 0提问于2013-08-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
