带有最大高度溢出隐藏“模拟”过渡的CSS过渡

文章/答案/技术大牛

发布

1回答

javascript、html、css

我使用转换最大高度而不是高度的技术，因为内容高度不同，但我有一个问题。在增长或收缩的元素中，我有一个绝对定位的溢出元素，我想在展开父元素时显示该元素。问题是，如果我只在元素未展开时将溢出设置为隐藏，它会因为转换而跳转。这是一支你可以看到它跳跃的笔： https://codepen.io/nicopavlotsky/pen/pozLBxY 使用以下代

浏览 10提问于2019-09-11得票数 1

2回答

移动引导菜单下拉菜单中的平滑关闭动画

html、css、twitter-bootstrap-3、css-animations

我发现，和解决方案在更大宽度的设备上查看时都非常有用。但是当它在移动设备上崩溃时，关闭下拉列表看起来很糟糕。当它崩溃的时候，它看起来就像一个标准的下拉列表。正如你所看到的，打开时看上去很棒，但关闭时却很糟糕。我试过很多修修补补，但都没有用。对于如何在移动模式下使其平滑，有什么想法吗？注意：我更喜欢CSS答案，但如果需要的话，我将使用JavaScript。</ul> <li><a href="

浏览 3提问于2016-09-29得票数 2

回答已采纳

1回答

如何应用溢出: unset；在CSS转换之后？

css、css-transitions

slide-buttons.horizontal.slide-in { /*overflow: unset;*/我正在尝试使用上面的样式来制作一个幻灯片菜单.我想以最大宽度为零开始，溢出隐藏和过渡到最大宽度为1000 of和溢出取消设置，以模拟菜单“滑动”(或扩展从任何东西)。我遇到的问题是溢出属性不是过渡性属性，所以我不能在

浏览 5提问于2021-12-02得票数 0

1回答

如何:悬停图像和动画绘制线条和说明淡出

javascript、jquery、css、effects

作为标题，如果我想实现一些效果，比如描述悬停在图像上，带有描述的div框将在线下淡出，我如何使用Javascript、jQuery或CSS3来实现这一点？感谢您的回复。

浏览 0提问于2012-05-06得票数 0

回答已采纳

1回答

CSS3转换在动画结束前获取目标参数值

jquery、css、css-transitions

是否有可能在动画结束前获得css3过渡元素的一些参数目标值(例如高度)。例如，我们有带有css的div此div具有高度过渡cssdiv.big {height: 450px;}varheight = $('div').addClass('big').height(); 如何将heig

浏览 1提问于2013-06-12得票数 1

1回答

jquery切换自动高度

jquery、toggle

我想制作一个可以通过单击按钮扩展高度的框。该框仅显示3行文本作为默认值。(让我们说..。高度为50 is，溢出隐藏)这是我的密码。

浏览 3提问于2013-10-15得票数 0

回答已采纳

1回答

试着让我的照片幻灯片不断地浏览所有的照片

javascript、html、css、slideshow、transition

我的网站有照片幻灯片，在它的一个部分下方的标题。当幻灯片到达第三张照片时，它就停止了。我想知道如何使第三张照片转换回第一张照片，然后继续在这个循环使用相同的动画在所有的照片？动画是下一张从当前照片右上方滑入的照片。我的密码在下面。<!

浏览 3提问于2017-03-24得票数 0

回答已采纳

1回答

带有正文溢出的Firefox CSS过渡:隐藏

javascript、html、css、firefox、transitions

当通过JavaScript将overflow: hidden添加到<body>标记时，CSS转换在FireFox中停止工作。(至少在OSX10.9.5上运行的FF32.0.3上) 我怎样才能让第一个例子起作用？我需要维护<body>标记上的overflow: hidden。

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

1回答

CSS菜单转换- li元素被排除在效果之外。

html、css、css-transitions

我正在结束一个设计，我正面临一个我不熟悉的问题。我试图使菜单从隐藏到可见的悬停超过2秒使用转换:高度CSS元素。问题是ul服从过渡，在2s内出现可见，但是li完全忽略了过渡效应，并在悬停时立即扩展。CSS语法如下： margin-bottom:0;} text-align

浏览 2提问于2015-11-02得票数 0

回答已采纳

1回答

动画展开表行

angularjs、animation

我有一个用桌子表示的日历。每天的内容可能太多，无法显示，所以高度是固定的，溢出隐藏。但是，当用户悬停在行上方时，整个行就会展开。这是完美的运作。我所需要的是简化行中的div从高到高的转换:60 it到高:auto，也许可以让它慢到大约500毫秒。我使用的是AngularJS 1.2，我已经加载了ngAnimate以及animate.css (在应用程序的其他地方使用)。日历中<e

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

1回答

带有滚动的Javascript下拉按钮

javascript、dropdownbox

我刚接触Javascript (和一般的编码)。我一直在通过w3schools来学习一些关于Javascript的知识。我一直在尝试构建一个具有悬停效果的按钮，它在单击时会下拉文本，再次单击时会将其拉回。我试图把它放在我的一个页面上，这样我就可以有一些搜索引擎优化的文本，而不会让它阻塞页面。到目前为止，我已经想出了如何切换文本，但还没有任何实际的按钮或拖放效果。任何帮助或建议都将不胜感激。

浏览 1提问于2013-04-20得票数 0

1回答

为什么当高度为0时，元素仍然会占用空间？

html、css、css-animations

editors=1100 当兄弟输入元素未被选中时，我隐藏了最大高度为0的高度，并在选中时将<ul>的最大高度设置为10em。我特别使用max-height来为每个部分的打开和关闭设置动画。然而，我已经意识到，即使当最大高度为0时，<ul>也会在<label>下占用大量的空间。我不想使用这两种方法中的任何一种，因为这将不允许使用

浏览 41提问于2019-05-22得票数 1

1回答

与其他浏览器相比，Safari上的CSS过渡是不稳定的

javascript、css、safari、onclick、transitions

我真的很难在Safari中创建流畅的CSS过渡。我试图通过一个JavaScript onclick事件改变它们的高度来隐藏/显示div。使用Chrome、Firefox和Edge生成的过渡效果很好、很流畅。然而，在Safari中，它看起来很糟糕，渲染时必须在15fps左右。这里有一个基本的JSFiddle：谢谢。

浏览 5提问于2016-10-28得票数 4

1回答

为什么在设置属性后显示元素时会发生转换，而该元素是隐藏的？

css、css-transitions、reflow

一个活生生的例子可以在上看到。再次单击该正方形之前，请检查toggle函数。查看JavaScript，我预计红色正方形的高度将被重置为其原始值，而不会触发过渡。应该取消转换，因为在更改高度时，转换

浏览 0提问于2011-06-27得票数 4

回答已采纳

2回答

在外部按钮上扩展搜索栏

css、angular、animation、angular7、searchbar

无论是与纯CSS或在角7动画方式。我第一次学角质。我要它做一些事情，就像在这个网站上的搜索栏。到目前为止我拥有的是w/角7

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

1回答

如何在不移动其他Flex项的情况下将FlexBox项展开到全屏？

css、responsive-design、flexbox、css-animations

我有一个盒子的柔性箱布局。当点击这些框时，它们会展开到全屏。方框1实际上非常接近期望的效果，但它仍然像我前面所描述的那样跳来跳去。Card 4 Back </div> <&#x

浏览 3提问于2017-01-18得票数 2

3回答

当我悬停对象时，属性被设置为none，这样就可以正确呈现对象的width和height。但是，当鼠标移出object时，它会立即将width和height的值更改为max-width (600px)和max-height (400px)值，并在一秒钟后恢复到原来的width和height值那么，当鼠标悬停在object上和鼠标移出时，我如何才能平滑地改变它的width和height呢？<html> <!"https://www.google.ro/im

浏览 0提问于2014-05-22得票数 6

回答已采纳

1回答

隐藏一个视图是一个很大的滞后。

reactjs、react-native、react-native-animatable

我有一个反应-本机应用程序，如在图像中的视图。我为相应的视图添加了css。为了使可视化更加清晰，绿色视图不是在红色视图的顶部，而是红色视图之后的绿色视图。我一直试图隐藏事件调用的绿色视图，使用react本机提供的Animated。我试图在translationY上应用动画，但正如预期的那样，视图移出了可见区域，但实际占用<em

浏览 1提问于2020-09-19得票数 0

2回答

子对象可见性更改时的Div高度过渡

javascript、jquery、css、height

children'></div> <div class='children'></div>子div是以编程方式显示或隐藏的，它改变了父元素的高度。我怎么才能动态的改变#parent的高度呢?我试着用css</

浏览 4提问于2012-05-18得票数 2

3回答

Bootstrap 3平滑手风琴过渡

jquery、twitter-bootstrap

我用的是Bootstrap 3手风琴。一切都很好，除了过渡不顺畅。这就像跳跃转换一样。如何才能实现平稳过渡？ <div class="panel" id="<?我尝试过的：.panel .collapsing{ height: 100px !

浏览 2提问于2014-01-02得票数 10

回答已采纳

点击加载更多