不滚动时隐藏滚动条(类似Mac的行为)

文章/答案/技术大牛

发布

2回答

javascript、html、css、scroll、scrollbar

我的Vue web应用在Mac浏览器上显示了非常优雅的滚动条。但同样的应用程序在Windows上，打破了用户界面，因为宽度太大，滚动总是可见的。为了解决这个问题，我从CSS创建了滚动条，并添加了事件侦听器，只在开始滚动时才显示滚动条。"on-scrollbar") === false) { e.target.classList.add("on-scrol

浏览 77提问于2021-07-17得票数 1

回答已采纳

1回答

为什么边缘体滚动条与火狐体滚动条不同？

html、css、firefox、microsoft-edge

根<div class="chatting">的CSS position: fixed; right: 5px; width: 206pxFirefox上的结果：和关于的Microsoft：第二个快照意味着：right: 5px;是不够的。这是我的问题还是边缘问题？

浏览 1提问于2015-11-18得票数 3

回答已采纳

3回答

如何在windows浏览器上自动隐藏滚动条

html、css、user-interface、web

我有几个关于overflow: auto的元素。它工作得很好。在macOS上，当用户不滚动时，滚动条自动隐藏，并显示在滚动条上。那么，当用户不滚动时，如何在每个操作系统和每个浏览器上自动隐藏滚动条呢？我知道有很多类似的问题，但我还没

浏览 1提问于2017-08-04得票数 4

4回答

Chrome (windows)不隐藏滚动条

html、css、internet-explorer、google-chrome、cross-browser

我有一个可滚动的div，当我不滚动的时候，这个div(在我的Mac浏览器上)隐藏了滚动条。然而，在windows 8上，它在Chrome和Firefox中不起作用。Ie也不支持这一点，但我使用以下CSS启用了它：有什么方法可以让Chrome和Firefox实现这种行为吗

浏览 3提问于2014-07-23得票数 10

回答已采纳

8回答

在WebView中隐藏滚动条

android、android-webview、scrollbar

当我不滚动页面时，我想在WebView中隐藏垂直滚动条。就目前而言，它始终显示。我以编程方式创建一个WebView，所以我的问题与滚动条的编程定制有关。谢谢!

浏览 0提问于2011-08-17得票数 25

回答已采纳

1回答

有没有办法在火狐中使用javascript操作滚动条？

javascript、api、firefox、scrollbar、default

我正在编写一个UserChromeJS脚本(如果你不知道UserChromeJS是什么，请看一下)，它将滚动条转换为浮动滚动条。我下一步要做的是让滚动条在不滚动时自动隐藏。但是，如果不能在滚动条中添加/删除类，就很难做到这一点。我尝试了像querySelector和getAnonymousElementByAttribute这样的方法，但没有成功。

浏览 1提问于2012-11-19得票数 1

1回答

滚动条没有隐藏

c、winapi

说： HWND hScroll = CreateWindowEx(0, "SCROLLBAR", NULL, WS_CHILD | WS_VISIBLE| SBS_HORZ; scrollInfo.nPage =

浏览 4提问于2015-08-22得票数 2

回答已采纳

2回答

如何在Mac OS X Lion中创建细小的滚动条

macos、cocoa、nsscroller

我该如何创建一个薄薄的滚动条，就像OSX Lion上的Stickies应用程序一样？

浏览 5提问于2011-10-25得票数 3

1回答

如何在溢出中隐藏滚动条:滚动CSS

css

我需要一个可滚动的div，但是滚动条隐藏在这里是我的代码。谢谢你的帮助。asdfas dfas dfasd fasdfasdfasd fasdfa sdfa sdfasdf</p></div> 这是右边的输出

浏览 1提问于2017-03-19得票数 0

1回答

滚动条出现时的eventlistener / css伪类

javascript、html、css、javascript-events、pseudo-class

当滚动条出现和消失时，有没有javascript eventlister或css伪类？例如system Mac OS，滚动条默认是隐藏的，当您开始滚动时，它们确实会出现。我想知道滚动条是否出现和消失。我的第一个测试： $html = $('html'),$(window).on('scroll', fun

浏览 3提问于2015-03-18得票数 2

2回答

如何在windows操作系统中隐藏垂直滚动条

html、css、overflow

如何在windows操作系统中使用overflow属性设置为滚动时隐藏垂直滚动条。我可以滚动，但我想隐藏垂直滚动条。下面是我的HTML标记： <h1>Some content...</h1>在浏览时，我发现在M

浏览 7提问于2018-12-08得票数 1

1回答

如何使gnome终端在单击右滚动条时滚动一页？

gnome-terminal、scrolling、scrollbar

当单击gnome-terminal的右滚动条(不是滚动条/拇指)的一个区域时，它跳到输出的相对位置(我启用了无限输出)。有些应用程序在单击栏上方或下面(目前只找到NetBeans 8.2输出窗口作为示例)时，只会上下跳一页/视图高度，这就是我正在寻找的行为。配置文件的滚动首选项全部用于隐藏滚动条、控制输出上的滚动</e

浏览 0提问于2018-07-22得票数 3

回答已采纳

2回答

阻止firefox用户能够滚动

html、css

我注意到，当我使用"overflow-x: hidden“隐藏水平滚动条并阻止手动滚动时，我仍然可以在Mozilla Firefox中使用箭头键滚动(鼠标滚轮可能也会发生这种情况，但我没有鼠标滚轮来测试它在Google chrome中隐藏滚动条确实会阻止滚动，这是我想要的行为，因为我想完全用javascript控制水平滚动。如何防止用户控制跨所有浏览器的滚动</

浏览 2提问于2014-02-15得票数 0

1回答

如何让纤细的卷轴在任何时候都可见？

jquery、jquery-plugins、slimscroll

当鼠标进入qtip时，可以看到纤细的卷轴。我的代码是： height: "auto", size: "10px", }); 但我想让纤细的卷轴在任何时候都是可见的。

浏览 3提问于2015-10-08得票数 0

1回答

将JS白色边框作为MacOS上的滚动条进行反应

css、reactjs、macos、scrollview、scrollbar

我的一些用户在某些组件的边缘有白色边框。它看起来与overflow: 'scroll'的使用相连接，的白色边框出现在滚动指示器的位置。所有体验过bug 的用户都使用了MacOS。在我的计算机(MacOS)上，一切都按预期显示。我试图通过添加msOverflowStyle: 'none', scrollbarWidth: 'none'来抑制滚动指示器，但似乎只有火狐和IE支持这

浏览 10提问于2022-10-06得票数 1

回答已采纳

1回答

悬停在滚动效果上会导致元素的宽度发生变化

html、css

我试图让滚动条只在用户悬停在组件上时才出现。问题是，与不悬停时相比，可滚动元素在悬停时的边上有一个截止点，如下面的视频所示这是我用来使滚动条在悬停时出现的css overflow-yimportant;然后它的应用就像 <div style="position: fixed;" class=&quo

浏览 0提问于2021-03-10得票数 0

4回答

div滚动条上的Jquery模糊事件

javascript、jquery、jquery-ui

我有一个带滚动条的div。使用Firefox当我点击滚动条向下拖动它来查看div列表时，blur事件被触发，并隐藏我的div，当blur被触发时，我将其设置为隐藏。如何防止在使用滚动条时触发模糊效果： $('#mydiv').fadeOut(); console.log("fadeoutbl

浏览 1提问于2013-01-16得票数 3

回答已采纳

7回答

如何删除如果滚动条，但整页应该加载？

javascript、html、css、iframe、scrollbar

在contentArea中添加Iframe之后，我将得到两个滚动条。我想隐藏如果滚动条，而不隐藏任何内容的外部网站链接。我怎么能这么做？我添加了下面的代码片段，并尝试了一些类似于scrollbar="no"的东西，但是没有工作。帮我做这个，提前谢谢你。我需要contentArea滚动条。只是想隐藏如果不隐藏外部网站内容的滚动条</em

浏览 10提问于2020-08-08得票数 11

1回答

当没有在Android网页上滚动时CSS自动隐藏滚动条

javascript、css、scrollbar

当用户不是在Android设备上滚动网页，而是在滚动时使其可见时，是否有办法使滚动条自动隐藏？请注意，Firefox浏览器在默认情况下确实启用了这种行为，只有Chrome和stock(三星、HTC)浏览器不启用。这就是我目前的情况：width: 100%;-webkit-overflow-scrolling: touch; 而且我总是可以看到列表上的

浏览 0提问于2014-06-12得票数 0

回答已采纳

1回答

滚动条被覆盖在Mac上，但与Windows上的内容是内联的

css

我有一个垂直滚动条，它被设置为auto，只有在内容被滚动时才会显示。我的代码运行在Chrome上。默认情况下，Chrome覆盖内容顶部的滚动条，当它检测到没有鼠标移动时，滚动条就会消失。但这似乎只适用于Mac电脑。但是，当我在Windows上运行相同的应用程序时，滚动条将显示出来，但将内容推到左边，其大小是滚动条的宽度。这是不好的行为</

浏览 1提问于2018-08-23得票数 1

回答已采纳

点击加载更多