在chrome中滚动由于URL地址栏而闪烁的抽屉
在Chrome中滚动由于URL地址栏而闪烁的抽屉是指在使用Chrome浏览器时，当页面中存在一个固定定位的抽屉（即悬浮在页面上方或下方的菜单栏或工具栏），并且在滚动页面时，抽屉会因为URL地址栏的显示和隐藏而产生闪烁的现象。
这种闪烁现象是由于Chrome浏览器在滚动页面时会自动调整页面的高度，以适应URL地址栏的显示和隐藏。当URL地址栏显示时，浏览器会将页面的可视区域缩小，导致抽屉的位置发生变化，从而产生闪烁效果。
为了解决这个问题，可以尝试以下几种方法：
- 使用CSS属性
position: sticky：将抽屉的定位方式设置为sticky，这样抽屉会在滚动时保持在页面的固定位置，不会受到URL地址栏的影响。具体使用方法可以参考CSS position属性。 - 使用JavaScript监听滚动事件：通过JavaScript代码监听页面的滚动事件，在滚动时动态调整抽屉的位置，使其保持在固定位置。具体实现方法可以参考JavaScript滚动事件。
- 使用浏览器插件或扩展：有些浏览器插件或扩展可以解决这个问题，它们可以禁用或修改浏览器的默认行为，使页面滚动时不会产生闪烁效果。可以在浏览器的插件商店或扩展商店中搜索相关插件或扩展。
需要注意的是，以上方法都是针对Chrome浏览器的解决方案，不同浏览器可能存在不同的解决方法。另外，对于特定的网页或应用程序，可能需要根据具体情况进行定制化的解决方案。
腾讯云相关产品和产品介绍链接地址：
相关·内容
1回答
在chrome中滚动由于URL地址栏而闪烁的抽屉
javascript、html、css、reactjs
0.4s ease-in-out; bottom: 63%; margin-bottom: 20px;
} 我已经创建了一个可以从下到上打开的抽屉当我在移动设备中滚动抽屉时，由于chrome中的URl地址栏改变了抽屉的高度，导致抽屉底部出现空白，导致抽屉</
浏览 16提问于2020-11-20得票数 0
2回答
如何限制移动站点的滚动，但允许访问可能被收回的地址栏
javascript、css、angularjs、mobile
我在构建移动站点时遇到了一个有趣的问题。一切都很好。然而，由于这是一个网站，不一致的溢出设置会造成浏览器的“全屏模式”的</e
浏览 7提问于2014-01-12得票数 7
4回答
强制地址栏显示在移动Chrome应用程序中
javascript、jquery、css、google-chrome、mobile
大多数应用程序已经禁用滚动，但是一个全屏幕面板需要是可滚动的。如果用户在应用程序中可滚动的部分，并向下滚动，地址栏将消失。如果地址栏消失后，用户决定通过单击固定位置菜单栏上的X退出该面板，则地址栏永远不会被触发(因为向上滚动从未发生)，因此用户陷入无滚动地址栏状态。我的问题：
是否有可能强制触发<em
浏览 5提问于2014-08-14得票数 20
2回答
边栏导航菜单在iPhone/iPad上滚动时闪烁
css、iphone、scroll、menu、overflow
由于最新的iPhone/iPad更新，边栏导航菜单在上下滚动时闪烁。.overflow { overflow:hidden;}div {
-webkit-backface-visibility
浏览 3提问于2016-03-05得票数 0
回答已采纳
1回答
如何获得视口高度，在移动，独立于当前隐藏/显示状态的地址栏？
javascript、mobile、height、viewport、address-bar
在手机上(例如Android上的Chrome )，视口高度取决于URL/地址栏是否隐藏，而这取决于您是在页面上向上滚动还是向下滚动。因此，我需要两个变量：
视图高度给定当前的</em
浏览 2提问于2018-05-27得票数 2
1回答
本地滚动的散列选项，滚动时闪烁页面。怎样才能使滚动变得平滑？
javascript、jquery、jquery-plugins
我正在实现一个jquery ()，通过页面平滑滚动到指定的锚元素。Local涡旋支持一个名为“散列”的选项，它基本上是将命名的锚散列附加到URL中，这样用户就可以轻松地使用浏览器的后退/转发按钮进行书签和移动。: 0, top: -56}, easing: 'easeInOutExpo'});
上面的代码运行良好，但是只要单击链接，滚动就会以<em
浏览 1提问于2010-02-22得票数 1
回答已采纳
2回答
Jquery.css在IE和Webkit (Chrome、Safari)上执行不想要的闪烁效果，但Firefox正常
jquery、firefox、google-chrome、webkit、parallax
ObjScrollASoda.css({ });});这是一个由Trufa复制的问题：
在蓝色部分，有一个蓝色的易拉罐，它会随着页面的“滚动”而产生类似视差的效果。这就是问题所在，因为我只是在用户滚动页面时设置css，只有在<
浏览 2提问于2012-07-14得票数 4
回答已采纳
1回答
knpuniversity oauth2client期望的状态经常为空
facebook、symfony、oauth-2.0
/knpuniversity/oauth2-client-bundle/src/Client/OAuth2Client.php：当我注销用户并尝试再次登录facebook时，我经常得到这样的异常“用户看到在回调URL中传递的状态参数无效。”这是因为会话中没有数据。但为什么会发生这种情况呢？使用此包：
public functi
浏览 10提问于2019-10-23得票数 0
回答已采纳
2回答
如何在Chrome中禁用弹出窗口的地址栏和滚动条？
javascript、google-chrome、popupwindow
对于下面的代码，宽度和高度可以在Chrome中工作，但是位置和滚动条不能工作。请指点一下。
浏览 5提问于2011-07-19得票数 6
11回答
隐藏浏览器的地址栏(弹出)
javascript
我必须隐藏浏览器的地址栏。toolbar=no,menubar=no,scrollbars=yes,resizable=yes';在许多解决方案中，只有location=no属性可以隐藏地址栏(在IE和Chrome中)。然而，这并不适用于我(甚至在IE和Chrome<em
浏览 8提问于2013-04-10得票数 55
2回答
Vuejs从顶部导航栏移除滚动条
css、vue.js、navbar、bootstrap-vue
在我的Vue js应用程序中，导航栏由于滚动条而闪烁，即，在一些路线中有滚动条，而在一些路线中没有滚动条，因为导航栏闪烁与此stackoverflow页面相同，每当在路线之间切换时滚动条都会闪烁。有没有办法从导航栏中删除滚动条？
浏览 21提问于2019-10-01得票数 0
1回答
在Chrome和Edge中拖放时的表面笔问题
google-chrome、drag-and-drop、microsoft-edge、pixelsense
我在测试客户的Surface 4设备。正如标题所示，当使用触摸(手指拖动)或表面笔时，页面中的拖放不起作用。经过一些测试，这似乎是一个问题，在Chrome和Edge，但不是在火狐。拖放功能在桌面上按预期工作，但在浏览器中不起作用.我还检查了Chrome的事件侦听器，结果发现，拖动(使用笔和触摸)不会触发任何拖放事件。我读过使用表面笔冻结Chrome的文章，但找不到任何其他拖放问题。
浏览 2提问于2017-08-09得票数 4
1回答
为什么双指滚动在某些应用中是平滑的，而在另一些应用中则不是那么简单？
touchpad、scrolling
在我的System76笔记本电脑上，我注意到双卷轴在某些应用程序中工作得很好，而在另一些应用程序中则不太好。例如，就网页浏览器而言，火狐的双指卷轴是平滑的，而Chrome则不那么平滑，甚至“不稳定”。
有没有其他人注意到这一点，他们知道原因吗？
浏览 0提问于2013-04-10得票数 5
回答已采纳
2回答
隐藏chrome mobile上的地址栏
browser、address-bar
我花了很多时间阅读关于这个主题的几种方法。不过，这些建议似乎都不适合我。我想让Android/iPhone等浏览器的地址栏消失，以获得原生应用程序的感觉。目前，我正试图在Android (Chrome)上实现这一点。我希望使用新的Chrome版本会很容易，因为它在滚动时会隐藏条形图。但是使用window.scrollTo(x，y)只会滚动页面而不会使地址栏消失。
我希望任
浏览 11提问于2013-07-12得票数 2
回答已采纳
1回答
有没有一种安全的方式来使用max-height CSS媒体查询
html、ios、css、google-chrome
据我所知，由于iOS上的Chrome67，不可能有效地使用最大高度媒体查询。 }有效地“如果屏幕太短，图像也要短”
但是在Chrome iOS
浏览 1提问于2018-07-03得票数 2
2回答
页面加载滚动在Chrome上刷新失败，而Firefox没有
reactjs、google-chrome
加载后，我的React应用程序被设计成滚动到url的散列片段中指定的某个位置。页面实际上不是滚动的，而是页面上的一个div。在第一次访问页面时，这是正确的，例如，当您将url粘贴到地址栏并按enter键时。但是在Chrome和Opera上，如果你随后刷新页面，它就不会滚动，你会被留在页面的顶部。在Firefox
浏览 0提问于2019-07-16得票数 2
1回答
页面中的地址栏重复
url
我想将地址栏复制到页面中间的输入域中。我尝试过使用： <input type="url">但这只需要一个url，而不会转到输入的url。我尝试使用ctrl-l，但无法让javascript强制光标定位到地址栏中。chrome.tabs.getCurrent(function(tab) { chrome
浏览 0提问于2014-10-04得票数 0
3回答
在chrome (android)上隐藏移动浏览器地址栏
android、google-chrome、browser、hide、address-bar
我们有一个网站，在那里有一个简单的JavaScript我们在大多数浏览器(safari和本地的android浏览器)上隐藏地址栏。这行JavaScript在大多数浏览器上都工作得很好，但是我们注意到chrome上有一个奇怪的行为，页面确实向下滚动，但是地址栏并没有隐
浏览 22提问于2013-07-22得票数 5
回答已采纳
1回答
将数据绑定到Knockout视图时出现闪烁问题
javascript、knockout.js
在绑定聊天对话时，浏览器挂起直到绑定，并且favicon, browser Refresh和光标按钮对于每个消息绑定都是blinking。以下是用于绑定消息的KO代码 var msgobj = new ViewMessagesObjectitem.uploadopacity);
}
如何在绑定时sto
浏览 2提问于2015-08-21得票数 0
2回答
用CSS计算Chrome Android上的视口高度
css、google-chrome、mobile、background-image、viewport
所以我注意到移动Chrome将地址栏计算成视口高度。因此，在元素上使用height: 100vh无法工作，因为当地址栏滚动时，视口高度会发生变化。实际上，我能够在ios上看到同样的问题，但是经过进一步的调查，我意识到这发生在所有的移动Chrome浏览器上。当地址栏从视口外滚动，当滚动到视口时，视口高度会发生变化。这将导致使用vh的任何元素重新计算，从而使页面跳转。
浏览 5提问于2016-09-08得票数 21
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
