可以在手机上为网页隐藏滚动条吗？
是的，可以在手机上为网页隐藏滚动条。为了实现这个功能，可以通过CSS样式来隐藏滚动条。以下是一种常见的方法：
body {
overflow: hidden;
}
/* 或者使用以下代码来只隐藏垂直滚动条 */
body {
overflow-y: hidden;
}
/* 或者使用以下代码来只隐藏水平滚动条 */
body {
overflow-x: hidden;
}将上述代码添加到网页的CSS样式中，就可以隐藏滚动条了。这在某些特定的情况下可能很有用，例如当你想要实现全屏浏览或者自定义滚动条样式时。需要注意的是，这个方法只是隐藏了滚动条，但用户仍然可以通过手指滑动屏幕来滚动页面内容。
腾讯云相关产品中，可以推荐腾讯云Web+服务。Web+是一个全托管的网站部署和运维解决方案，提供了简单易用的界面和工具，帮助开发者快速部署和管理网站。您可以通过腾讯云Web+来托管您的网页，并对网页进行相关的配置和管理。
腾讯云Web+产品介绍链接地址：腾讯云Web+
相关·内容
1回答
我正在设计的移动网页应用程序在超文本标记语言，Javascript，CSS和jQuery…
我正在设计注册页面，其中包含屏幕大小div内的文本框…当页面大于屏幕尺寸时，我想显示一个滚动条…
iScroll在这里没有用处，因为表单中有文本框，用户应该在其中输入文本...(iScroll bug )
我已经尝试了这么多自定义滚动条，但他们不能在手机上工作…
有什么解决方案吗？
浏览 0提问于2012-03-15得票数 3
回答已采纳
2回答
我正试着在手机上隐藏滚动条。桌面上的一切看起来都很好(没有滚动条)，但当我在一些安卓设备(ipad)上查看时，我仍然可以看到灰色而纤细的拇指。可以在浏览器中隐藏预定义的滚动条。 我的代码(在桌面上运行良好)。 body::-webkit-scrollbar {
background-color: #fff;
}
body::-webkit-scrollbar-thumb {
background-color: #fff;
}
浏览 39提问于2019-03-22得票数 2
3回答
几天前，我做了一个简单的启动屏幕，目前是固定的，并设置一个cookie时，用户单击按钮(再也不会出现)。
基本上，它只是出现在页面主要内容前面的div。
我的问题是，即使飞溅屏幕使用所有的宽度和高度，滚动条不断出现。我第一次并不关心这个问题，因为它是position:fixedd，内容总是在那里，不可能上下滚动。
今天我在手机上看到了，当你滚动时，有时你可以看到屏幕背后的内容。
所以主要的问题是滚动条。因此，我决定不惜一切代价隐藏滚动条。
但是overflow:hidden不起作用。
如果我将position: relative放在splash的父级，也不起作用。
我怎样才能禁用卷轴？不管怎么
浏览 5提问于2014-03-20得票数 1
回答已采纳
1回答
我只是建立一个新的网站，是使用一个响应的wordpress主题。
网址是-www.rend-box.co.uk/new/
这个网站在我看来很好，当它缩小到移动大小时，但当我在手机上观看时，我不能向下滚动。滚动条出现在页面的一侧。
好像有什么东西阻止了页面的滚动，我不太确定是什么？
谢谢
浏览 0提问于2015-01-02得票数 1
回答已采纳
1回答
“整页js”上的滚动条
、、、
我正在创建我的网页使用fullpageJs 插件，并试图制作手风琴常见问题网页。
基本上手风琴指的是
问题是当手风琴超过页面高度时，滚动条不能正常工作。(我正在激活"scrollOverflow“选项)
下面是我当前的jQuery：
$(document).ready(function() {
$('.accordion').find('.accordion-toggle').click(function() {
$(this).next().slideToggle('600');
$(".accordion-conten
浏览 0提问于2017-07-13得票数 1
我正在使用Wordpress，Zerif，Lite模板，和手机上的背景图像显示有问题。我花了时间完善图像的位置，所以当浏览器调整到移动大小时，它看起来很好，但是在手机上测试时，它看起来完全不同了。为什么它在手机上看起来不一样？有人能帮忙吗？
.header-content-wrap {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: right top !important;
background: rgba(0, 0
浏览 4提问于2015-12-09得票数 0
回答已采纳
我有一个基于AngularJS的网络应用程序，运行在手机上。我的屏幕上有滚动条。但我希望这些滚动条看起来像一个标准的移动滚动条。
例如，请参阅facebook.com中使用的滚动条。我在找像这样的球杆。
谢谢
浏览 1提问于2014-08-29得票数 0
回答已采纳
1回答
我有一个想要在我的应用程序的web视图中显示的网页。但是这个页面有链接。当页面在WebView中显示时，有什么方法可以隐藏页面上的所有链接吗？
编辑- 9/25
我压抑的真正意思是我不想显示任何链接。因此，在我的响应式应用程序中，当我在手机上查看它时，我所有的链接都显示为一个汉堡菜单。我甚至不想让它显示出来。有没有可能。
浏览 2提问于2017-09-24得票数 1
1回答
我有一个问题，我的网页不能在手机上滚动。
不过，这不是我的问题。我的问题是，这只发生在手机上，我需要调试，但我不想在手机上调试(无论这是不是一个选项)。
在firefox中，我尝试过使用“模拟触摸事件”，但显然(我认为这是一个设计缺陷)并不意味着点击和拖动等同于滑动手势。
那么我如何在桌面上用手机手势测试我的网页呢？
浏览 1提问于2016-03-08得票数 1
我的应用程序有一个显示包含一些webGL内容的网页的WKWebView。在网页加载后，我使用drawViewHierarchyInRect将WKWebView呈现为图像。这在模拟器上工作得很好，但在手机上，webGL内容不会呈现为图像。网页的其余部分呈现正常。在电话上，drawViewHierarchyInRect调用返回false (文档显示“如果快照缺少层次结构中任何视图的图像数据，则返回false”)。
下面是我使用的代码：
UIGraphicsBeginImageContextWithOptions(webView.bounds.size, true, 0.0)
let drewOK
浏览 19提问于2016-07-13得票数 3
我使用css来改变在网页中播放的视频的宽度。我想在手机上设置视频的宽度=设备的宽度，在电脑上设置视频的width=600px。但我失败了。 html是： <head>
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
</head>
<body>
<video width='600'
浏览 29提问于2020-08-11得票数 1
回答已采纳
我的网页应用程序只需要在手机上的肖像模式下工作，但现在我有两个问题。
在pc上，由于pc处于横向模式，fix应用程序未显示，我如何解决此问题？
第二个问题是需要解决的最重要的问题，如果我在手机上使用键盘，内容就无法显示。它向我展示了景观div。
#landscape {
display: none;
}
@media only screen and (orientation:portrait){
#wrapper {
display:block;
}
}
@media only screen and (orientation:landscape){
#w
浏览 5提问于2015-03-06得票数 0
我刚刚发现了这段代码和lightbox2的实现，并在我的一些网页上添加了所需的代码。在桌面和平板电脑上看起来都很不错，但我不喜欢在移动视图中使用lightbox。在手机上显示的图片比我不使用lightbox2时获得的“正常”响应视图要小。
因此，我的问题在标题中:如何在移动设备上禁用lightbox？致敬Arno
浏览 4提问于2020-05-28得票数 0
2回答
在手机上隐藏某些电子邮件元素
、、、、
我正在发送一封电子邮件，其中有一个聪明的视觉元素，依赖于能够突出文本。因为这在手机上是不可能的，而且如果没有视觉效果，它看起来真的很尴尬，所以我想不想在手机上显示这个元素。
然而，据我所知，唯一的方法是使用@media标记，据我所知，这不能以在线电子邮件友好的css方式完成。这在其他方面有可能吗？
如果这与此相关，我将使用MailChimp，但我不确定它是否相关。
浏览 7提问于2014-04-22得票数 2
回答已采纳
1回答
我只是把完美的滚动条类'height: auto‘放在手机屏幕上，这应该行得通。因为它在web上的响应模式下工作正常。但在手机上，它不会滚动。
@media (max-width: 992px)
{
.parent-class perfect-scrollbar{
height: auto;
}
}
浏览 1提问于2020-06-25得票数 0
1回答
有谁知道如何1)检测Android手机上的网页是否正在打开/请求，以及2)找到该网页的名称/URL？非常感谢你的帮助。
更新:检测需要在手机上完成。
浏览 7提问于2014-09-04得票数 1
我正在尝试做一个对话框，它应该显示一个网站，所以我正在使用扩展库中的dialog控件。
以下代码是从链接触发的
viewScope.url= url
getComponent("dialog1").show();
在对话框中有一个iframe显示网页。
<xe:dialog id="dialog1">
<xp:text escape="false" id="computedField1" tagName="iframe">
<xp:this.attrs>
浏览 5提问于2014-02-07得票数 0
假设我有一个标准的bootstrap导航栏，它在手机上崩溃了。目前，桌面导航栏中的所有内容都显示在移动设备上。我怎么才能让“联系我们”只出现在手机上，而不是桌面导航栏上？
谢谢
浏览 14提问于2018-08-01得票数 0
2回答
我试图禁用JS中确认消息之外的单击。这个问题有什么简单的解决办法吗？如果确认消息出现在手机上，我点击它的外部。它会坏掉的，但我需要它保持原样。
if (confirm("Are u sure?")) {
}
我也在webview中使用这个功能。也许有什么问题？有人有什么建议吗？
编辑:我发现问题出在网页上。我使用的是AlertDialog生成器，并且不调用函数setCanceledOnTouchOutside()；
浏览 3提问于2021-12-20得票数 -1
回答已采纳
1回答
在subreddit的右侧有一些空空间，由我来调节，。页面在加载时看起来很正常，但是有一个水平滚动条，如果我滚动它会显示空空间，只有背景，如下所示：
手机上也有同样的问题。subreddit的CSS可以看到。
我认为导致这个问题的因素是侧栏中包含AMA时间表的div，但不知道它有什么问题。当涉及到网页设计/CSS时，我几乎已经死了，所以任何帮助都是非常感谢的。
是的，我意识到很多类似的问题已经存在，但是他们的解决方案还没有帮助我。
浏览 2提问于2017-01-15得票数 0
回答已采纳
在手机上，我的“部分菜单”在用户打开并开始滚动后会自动关闭。我用Zurb基金会的手风琴做菜单。有人知道为什么这会发生在手机上吗？
更新:我也在尝试一个简单的Zurb基础切换器。我正在切换".hide“类。当用户尝试滚动时，菜单仍然消失。
我的网站：
浏览 1提问于2018-04-19得票数 0
我被要求使我的网站调整大小和调整没有滚动条，因为它也使用在手机上(即，使其响应)。问题是一个谜，可能是一些直接的东西，但我已经搜索了一个小时，但还没有找到答案。
我将HTML代码中的大小更改为百分比，而不是固定大小，并将一些样式替换为CSS类。这起作用了，当我在Chrome和IE中运行它时，它可以很好地工作，当浏览器调整大小时，内容也会调整。然而，当我在手机上部署它的时候，它就像以前一样出现在滚动条上。我回到我的代码并再次运行它，当我在同一个浏览器中运行已部署的站点时，它会工作，但是当我在一个新的浏览器中尝试相同的时候，它会返回到滚动条。
它在IE中正常工作，但在Chrome和edge中，只有
浏览 4提问于2020-07-15得票数 0
回答已采纳
1回答
我有一部手机，它的硬件规格是900x480分辨率，所以我做了一张480px宽的图片嵌入到一个html文件中。然后我在手机上打开那张图片，发现图片放不进屏幕，很明显它比屏幕大。
这有什么问题吗？我希望480px的宽度图片适合屏幕没有滚动条，谢谢。
浏览 1提问于2012-10-18得票数 0
回答已采纳
16回答
我正在制作一个流畅的样式表，它工作得很棒。我注意到的一件事是，我在Chrome中的浏览器窗口不能调整到400px以下，它只是停留在那里，而在FF中，当我缩小它时，它只是停在400px左右，然后弹出一个水平滚动条。
当我在手机上打开这个网站时，它在320px左右看起来很完美，所以我知道它的尺寸确实低于400px。
我很好奇是否有人知道这是一个浏览器/桌面的东西，或者我应该看一些不同于我的CSS的东西。我没有任何最小宽度声明，所以我不确定是什么导致了这种情况。
同样在桌面上，它会缩小到大约400px的最小宽度并停止，但当我在手机上打开它时，它会缩放到手机屏幕的大小，大约是320px……奇怪的是，为
浏览 3提问于2011-12-31得票数 163
回答已采纳
1回答
我已经在手风琴AutoSize=中设置了“None”属性，即使在单击某些标题时，滚动条也会显示出来。我怎样才能永远摆脱这些滚动条？
请查一下我的手风琴代码
我的手风琴：
<cc1:Accordion ID="Accordion1" runat="server" FadeTransitions="true" Visible="true" AutoSize="None"SelectedIndex="0" RequireOpenedPane="false" Transition
浏览 2提问于2010-12-17得票数 1
回答已采纳
我目前正在建立一个响应式的移动网页。我的问题是-当我在手机上进入网页时，我必须双击它才能看起来很好-否则它就会被放大。有什么方法可以防止这种情况发生吗？
网页链接
浏览 2提问于2012-03-22得票数 0
我的网站是www.myfixerhouse.com，如果你点击网页上的任何一个链接，就会弹出一个联系人表格。但是，当在手机上或在较小的屏幕上查看表单时，会有一些东西阻止它居中。
该网站是用Wordpress制作的，联系人表单是用插件重力表单制作的。我想知道怎样才能使联系方式在手机上居中。
浏览 1提问于2016-10-13得票数 1
我在Firefox 53.0 (64位)上有这个问题。Ubuntu 16.04 LTS.
只是底部水平滚动条。网页中的任何其他水平滚动条都能工作，但这条不行。
有人有这个问题吗？
浏览 4提问于2017-04-25得票数 4
我写了一个网页，现在想在手机上显示，但是背景图片太大，不能完全显示，该如何调整？
<td width="60%" height="105" background="templets/images/top_logo.jpg" align="left">
这在电脑网页浏览器中是正常的，但在手机上，它只能显示图像的一部分，不能缩小。
我假设有一个简单的、一两行代码来实现这一点。我在哪里可以找到它的一个例子？
浏览 1提问于2012-09-03得票数 0
回答已采纳
1回答
如何使浏览器滚动条只隐藏在一个网页上，很多，在网站上。我唯一能让浏览器滚动条隐藏的方法就是用
body::-webkit-scrollbar {
display: none;
}
但是，这会隐藏整个站点的滚动条。
浏览 5提问于2022-11-01得票数 0
10回答
我想总是在我的网页上显示垂直滚动条。可以使用javascript吗？我认为使用javascript或jQuery是可行的。我想垂直滚动条，无论有足够的内容显示或没有。
谢谢。
浏览 3提问于2010-10-29得票数 78
回答已采纳
1回答
我很难弄清楚如何使我的网页上的代码可伸缩。它在大屏幕上看起来很好，但是如果你缩小浏览器或者在手机上查看它，一切都会变得古怪。我尝试使用position: relative;使外部div元素与其内容保持相同的大小，但是当您使窗口变小时，它们最终会被推开。我也尝试过img-responsive类来获取我的图像，但是它似乎没有帮助。
我对javascript、html和css相当陌生，我非常感谢关于如何改进样式的任何技巧。
这是上的代码。
浏览 1提问于2016-07-16得票数 1
回答已采纳
我正在开发一个Android应用程序，普通用户必须为此付费。但是，我想向我的网页用户免费提供该应用程序。我在该网页上有一个登录名，因此我可以控制哪些用户访问该应用程序。所以问题是：
如果我把.apk放到我网页的私人区域，用户通过手机访问它，他们是下载应用程序并分发它，还是直接安装在手机上？如果他们通过PC访问呢？有没有什么方法可以避免下载文件，直接将其安装在手机上？
浏览 2提问于2011-05-23得票数 0
回答已采纳
有没有可能在显示网页的正常呈现之前，以移动格式返回网页？我注意到当我使用它的时候，我两者都得到了。或者这是默认启用的？
编辑:例如，在手机上的ie中，你可以请求接收移动版本或桌面版本的网页。此选项对开发人员可用吗?如果不可用，控件的默认设置是什么？
浏览 8提问于2011-03-17得票数 0
回答已采纳
当你在手机上访问一个网页时(我用的是安卓)，如果它是一个普通的网页，它会缩小到适合你的手机屏幕。
我一直认为制作手机页面的方法是让页面足够小，完全适合手机的屏幕分辨率，而不会缩小。
然而，这并没有发生。我甚至特别将页面大小设置为body{ width: 300px;}，但当我将其加载到手机中时，它会在左上角缩小，周围有大量的空闲空间。
我做错了什么？
浏览 1提问于2011-08-16得票数 8
回答已采纳
2回答
滚动条替代移动选项卡区域
、、、
所以我在我正在开发的网站中有标签区域，因为我的布局，我需要保持我所有的制表区域都有相同的高度。一开始我想，“哦，酷，我只会做display: scroll;，并有一个滚动条”。
但我真的不想把这个放在手机上。可以为我的问题提出一个移动友好的解决方案，在固定的移动选项卡区域高度内滚动内容。或者可能只是使用滚动条启用触摸滚动？
浏览 0提问于2012-02-16得票数 0
回答已采纳
2回答
我有一个无限滚动的网页。我总是想要显示垂直滚动条，所以我添加了以下样式：
html {
overflow-y: scroll;
}
这是因为它显示滚动条，但它只显示一个空的滚动条，即没有允许用户向上或向下滚动的光标。
不仅可以显示滚动条，还可以显示光标吗？
浏览 2提问于2012-07-03得票数 4
回答已采纳
1回答
我有一个要求，一旦我正在开发的应用程序安装在手机上，我必须在手机上隐藏一些特定的应用程序。我将使用MDM，我想知道是否有可能使用MDM隐藏其他应用程序。
浏览 2提问于2014-09-18得票数 5
我想改变我的网页CSS的网页浏览器运行在手机上，如iPhone和安卓。我在CSS文件中尝试了类似以下内容：
@media handheld {
body {
color: red;
}
}
但它似乎没有任何影响，至少在iPhone上是这样。我如何编写我的CSS在iPhone等平台上以不同的方式工作，最好不使用javascript？
浏览 1提问于2010-10-09得票数 47
回答已采纳
3回答
我的数据提供商允许我在手机上访问邮件，但不允许访问互联网。我正在考虑写一个通过电子邮件获取网页的实用程序，这样我就可以在旅行时在手机上查看网页。这个想法是在我的系统上运行一个服务(运行outlook并连接到exchange服务器)，它等待一个以网址为主题的‘查询邮件’。此服务应获取网页并使用html内容进行回复。
请建议我如何有效地实现这一点。有没有什么实用工具可以做同样的事情？
浏览 3提问于2010-02-15得票数 2
回答已采纳
1回答
我需要使用BufferedReader读取网页。当我在计算机上将代码片段作为Java应用程序运行时，它工作得很好。然而，当我在手机上运行代码时，BufferedReader被重定向到错误的网页。如何阻止BufferedReader被重定向？
我试图访问的页面是一个youtube帐户的订阅者。我可以在我的电脑上查看页面，但不能在我的手机上。
浏览 1提问于2011-07-07得票数 0
几周前我发布了我的网页，当我在手机上看我的网页时(我为手机制作了@ ago...But )，我可以看到JS选择菜单的行为真的很奇怪(它出现了4次，与我的桌面不同)...You可以在这里看到这两张图片的区别……
如果您想查看代码，请访问以下网站:www.elenCostasoprano.com/contact.html
(所有页面都会发生这种情况)。
有人知道代码中可能存在的问题吗？
浏览 3提问于2015-12-18得票数 0
2回答
我正在开发一个新的网站，当我在手机上打开这个网站时，发生了一些奇怪的事情(同样的事情也发生在iphone和android上)
网站没有响应性，当有人从移动设备访问网页时，页脚的背景仅与原始视窗一样宽-这意味着大多数页脚没有背景(这使得文本不可读)
网址是： (在你的手机上访问它，下到页脚，向右滑动查看问题)
有什么想法吗？
浏览 3提问于2013-07-18得票数 0
2回答
在我的网站上，目前当你加载它，它会自动播放一个视频然后消失到网站。但是由于手机的数据规则，它不能自动在手机上播放。我如何使视频甚至没有显示在移动视图上？会用CSS @media吗？
浏览 10提问于2014-09-02得票数 2
回答已采纳
1回答
我刚刚为我的网站制作了AMP页面，当我通过桌面浏览器(Chrome)测试该网站时，一切似乎都很好，无论是在普通视图中还是在手机上。
然而，我只是尝试通过Google访问一个网页(Google现在显示的是放大器图标)，但是当我访问该页面时，就没有显示一些字体图标，这损害了用户界面。
我在这部分有这个代码。
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.4.1/css/all.css" integrity="hidden" crossorigin=
浏览 0提问于2018-10-24得票数 2
我使用引导带来完成导航栏。我读过一些教程，但有一件事我找不到：
所以我的需求是:我想让一个图标总是出现在NavBar中，不管它是在桌面上还是在手机上。看起来就像这张照片：
但是当我在手机上浏览网页时，所有的导航链接都消失了，你必须点击汉堡包图标才能看到它们。
这是我的代码：
<nav className="navbar navbar-default">
<div className="container-fluid">
<div className="navbar-header">
<
浏览 3提问于2017-07-21得票数 0
回答已采纳
我已经使用Bootstrap和CSS3创建了一个网页。然后，我使用网格系统使其在所有屏幕上都能响应。但我正面临着一个问题，当我在手机上打开它时，它会在右边显示白边，并会产生一点水平滚动。我什么都试过了，但都不管用。我该如何解决这个问题？
请看我的网页：
代码：
帮帮我。
浏览 3提问于2017-08-23得票数 0
回答已采纳
首先，我想提到我是nodejs的新手。我面临上述挑战，我正试图找到一个解决办法：
我想在带有3g的android手机上创建一个nodejs网络应用程序，我想在手机外部的浏览器上点击我的网页。
我已经在手机上安装的代码是：
var http = require('http');
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.end('Hello World\n');
}).list
浏览 7提问于2016-05-25得票数 0
回答已采纳
我知道如何使用push-pull类更改堆栈顺序，但据我所知(并尝试过)，只有当您有两列时它才有效。在我的设计中，我有一个容器，在左上角有一个嵌套的盒子。我希望它是在容器内容下时，在手机上查看。
这是它如何在桌面上的草图：
这就是我希望它在手机上的样子：
现在，该框位于容器内容的顶部。
(我使用的是Bootstrap 3，而不是js)
浏览 0提问于2014-04-01得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
