在javascript中滚动以在悬停时显示溢出元素

文章/答案/技术大牛

发布

1回答

在web应用程序中，我有一个带有工具提示的div，只有在将鼠标悬停在页面的特定对象上时才会显示。这些工具提示可能会从div溢出。当发生这种情况时，滚动条会按预期出现在页面上。问题是用户无法使用鼠标滚动，因为这样做会将鼠标移出悬停元素，因此工具提示会消失，并且窗口的大小会缩小到原始大小(因此滚动条也会消失)。下面是一个类似行为的模拟示例： ? 我尝试使用scro

浏览 20提问于2021-06-23得票数 0

回答已采纳

2回答

本质上，我有三个divs，每个divs的宽度都不同，取决于您要在哪一个上悬停(简单的转换)。这些divs的高度总是等于用jQuery计算的浏览器窗口的100%高度。我使用overflow-y: scroll来完成可滚动内容的多个部分。但是，包含三个滚动条看起来很笨拙，所以我尝试去掉它们，。在chrome上，这很简单，我只使用::-webkit-scrollbar { display: none; }，但是对于其他浏览器，它并不是那么简单。其他问题已经回答说，我需要将我的内容包装在一个有overflow: hidden的di

浏览 1提问于2014-01-30得票数 0

回答已采纳

2回答

用CSS显示/隐藏

、

你好styles.css: width: 440px; marginclass="newsdatetext">2011-04-30 06:54:05</span>

浏览 7提问于2011-04-30得票数 1

回答已采纳

6回答

如果不滚动，则隐藏滚动条

、、、

我想隐藏滚动条，如果用户没有滚动，这意味着如果用户滚动，滚动条应该出现(只有滚动条没有滚动轨道)，而如果用户没有滚动它应该消失。我已经设置了很长一段时间，但是我对我的页面做了一些更改，现在页面总是显示滚动条(如果有超过一个页面可以覆盖的内容)。不幸的是，我不知道我做了什么让这个特性消失了？我在css中尝试了overflow，但overflow: hidden只是删除了所有滚动的可能

浏览 1提问于2015-07-20得票数 6

2回答

CSS/Javascript自动滚动到顶部

、、

我只在可能的情况下尝试在CSS中这样做。:自动”，是因为整个菜单没有显示在较小的屏幕上--即使我有一些元素没有显示在移动屏幕上。我遇到的问题是，当它溢出时，用户滚动到菜单中，当他们单击/悬停在菜单之外时，它会按应该的方式收缩，但它不再显示菜单的顶部，它将显示他们滚动到的任何位置。我想

浏览 4提问于2015-05-03得票数 0

回答已采纳

2回答

溢出涡旋x和可见y

、、

我的问题与这个设置有关：正如我所看到的与答案相关的问题，我的问题并没有导致我的想法。不是这样的：

浏览 23提问于2022-07-04得票数 -1

3回答

此元素导致Firefox中的元素溢出。

、

我正在做一些非常基本的事情，但是我得到了“这个元素导致一个元素溢出”--实际上到处都是。我已经很长一段时间没有在没有任何css框架的情况下完成布局了，我也找不到关于这个问题的任何东西。即使是br也会导致溢出！这是什么？我没有看到任何蝎子，一切看上去都和我预期的一样。这条消息太烦人了。我仔细检查了一下，发现图像是造成这种情况的原因。border: 1px solid #dee2e6; box-sizing: border-box;

浏览 9提问于2022-01-02得票数 3

1回答

Android上的Phonegap :使用键盘时布局可滚动

、、

我刚开始在安卓和WindowsPhone上用Maqetta创建一个移动应用程序。该应用程序包括一些带有文本输入的网页，所以我需要软键盘来工作。如果你

浏览 4提问于2013-07-23得票数 2

2回答

CSS Hover & onmouseover/out导致Internet Explorer中15-20%的CPU使用率

、、

当使用CSS :IE7命令或使用onmouseover/onmouseout时，Internet (在我的例子中是IE7)是否会变得迟缓，占用大量的CPU时间？当我将鼠标移到页面上的其他地方(没有任何变化)时，iexplore.exe保持在0%，但是一旦我开始移动任何带有onmouseover/onmouseout或带有CSS悬停类的元素，事情就会变得非常缓慢和缓慢这个页面在火狐、Chrome和Safari中运行得

浏览 1提问于2009-09-23得票数 5

回答已采纳

3回答

显示滚动条时防止DIV调整大小

、

我有一个滚动的div，我使用CSS来显示/隐藏滚动条，这取决于用户是否悬停在div上。无悬停=无滚动条。当用户将鼠标悬停在div上时，它会显示滚动条，但同时也会稍微调整div内容的大小以适应滚动条。有没有办法以某种方式将滚动条显示在一侧，或将其悬停在顶部？在添加<e

浏览 2提问于2012-10-10得票数 3

回答已采纳

1回答

具有最大z索引的绝对定位元素没有可见溢出。

、、

我是一个复杂的网站与垂直滚动固定位置侧边栏。侧栏包含在悬停时显示工具提示的图标。工具提示水平溢出其侧栏容器，而溢出不显示。下面是边栏的DOM结构以及相应的z索引和位置。注意，根<ui-view>元素至少是DOM中所有其他呈现元素的同级元素。<a> // position: relative <div>

浏览 2提问于2017-01-31得票数 0

1回答

Selenium -不将元素滚动到视图中

、、

使用selenium webdriver，我试图找到完全显示在视图中的web元素(以及部分显示在视图中的元素)。当用户将鼠标悬停在这些元素上时，它们会放大，显示额外的信息(我想验证一下)。但是，当我将鼠标悬停在这些元素上时，selenium将自动滚动框架以将整个元素放在视图中。我已经尝试使用Robot将鼠标

浏览 1提问于2014-08-01得票数 0

2回答

CSS -未覆盖外部元素宽度

、

jsfiddle：当您将鼠标悬停在它上面时，另一个文本元素将显示在它的上方(.over & width: 300px)。但是，.over文本元素并不考虑我给它的宽度，而是偏离了它的父宽度(.under) 我尝试使用z索引和position: absolute，但我无法使悬停文本完全<e

浏览 1提问于2016-08-04得票数 0

4回答

如何在悬停时淡出滚动条(仅限Webkit)

、、、

我有一个要求，以淡入滚动条悬停的HTML元素是溢出的。通过在mouseenter和mouseleave事件的overflow: hidden和overflow: auto之间切换，我可以很容易地显示和隐藏滚动条，但是它非常突然，我想不出一个优雅的方法来淡出它我只对Webkit浏览器感兴趣，我可以在原生滚动条中添加样式。

浏览 3提问于2013-06-04得票数 0

1回答

在显示图层时如何避免水平html滚动

、

我有一个div .layer，它使整个页面变暗以突出显示一个模式，但是当我触发事件时，占用100%屏幕有一个问题，就是原始浏览器的滚动条被删除了。有什么奇特的方法可以让div .layer在可见的时候保留页面的原始条形卷轴吗？在智能手机/平板电脑中，我在拍摄事件.layer").show(); 时没有发现任何问题，但在桌面屏幕上，浏览器的原始滚动条被删除，整个html文档向右移动，取而代之的是.。

浏览 3提问于2019-11-06得票数 0

回答已采纳

4回答