JS/CSS -移动菜单动画切换

文章/答案/技术大牛

发布

1回答

javascript、jquery、menu、jquery-animate、transition

正在尝试对_S主题的移动菜单的传入/传出转换进行动画处理。button.onclick = function() { if ( -1 !.main-navigation.toggled类上使用css关键帧，这个关键帧显然只会在进入的过程中

浏览 15提问于2017-06-19得票数 0

1回答

在屏幕更改时重置移动切换按钮条件

javascript、jquery、html、css

我有一个移动汉堡包菜单，动画‘开放’和‘关闭’通过css。如果屏幕大于768 is，则显示移动菜单display:none和全屏菜单。ready(function(){ $(this).toggleClass('open');}); 但是，如果我打开移动菜单并将屏幕大小更改为>768 in菜

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

回答已采纳

1回答

切换CSS动画与jQuery？

javascript、jquery、css

我做了一个简单的幻灯片移动菜单，我想要它移动整个网站下降275‘m，这样它就可以有空间的移动菜单。使浏览器的宽度变小，直到您可以在右上角看到列表图标。然后点击它。您会注意到整个站点(全球类中的所有内容)都通过-webkit-动画(我是jquery )向下移动275像素。您还应该注意动画的轻松性；与再次按下动画时的突然移动形成对比。如果你不停地切换图标，你就会看到不同之处。我希望全局类能够切换

浏览 0提问于2014-04-19得票数 0

回答已采纳

1回答

动画菜单淡入并放置到适当的位置

jquery、html、css

我正在尝试创建我的第一个动画菜单。箭头用于显示单击菜单按钮时，我想要的名称下拉和淡入。我还希望菜单均匀地分布在页面上。我已经开始做一个小提琴，但我没有得到任何快速这是css width:100%;.button { padding: 7px 30px

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

2回答

选择一个完整的基于CSS的菜单和基于Javascript/CSS的菜单的理由是什么？

javascript、jquery、css、menu

在考虑为您的网站提供新菜单时，您验证的要点是什么？CSS菜单老了吗？或者它的功能是有限的！我不认为CSS菜单是旧的，因为我仍然使用一个使用完整CSS菜单的1000个web2.0站点(没有javascript来控制其下拉列表)。

浏览 3提问于2011-05-03得票数 0

回答已采纳

2回答

单击项目时关闭移动菜单(elementor kit，wordpress)

wordpress、mobile、menu

如果我在移动视图中，点击一个带有"#“链接的菜单项。菜单未关闭。这就是我正在试用的网站。我希望有人知道问题所在。

浏览 2提问于2020-09-17得票数 0

2回答

问题是，当页面调整到小于640px宽时，并且复选框已被选中，动画就会播放。我只希望动画作为用户选中复选框的结果而发生。我尝试使用带有超时的调整大小事件侦听器来停止动画，但是一旦用户停止调整页面大小，动画就会播放。下面是执行动画的css： @include bp-mobile { /*this is the query that sets the max-width to 640px */ .toggler:checked我正在尝试制作两个菜单，一个

浏览 20提问于2020-07-03得票数 1

回答已采纳

2回答

如何复制引导移动导航栏切换(不使用引导)？

javascript、html、css、responsive-design、hamburger-menu

我指的是显示在特定屏幕宽度下面的按钮，单击该按钮时会隐藏/取消隐藏菜单(下面的屏幕快照)。我试图在我的网站上复制它的行为，而不用使用引导(因为我喜欢没有框架的工作)。是否可以使用css复选框hack复制这一功能？还是使用javascript更好？

浏览 3提问于2013-09-25得票数 4

回答已采纳

1回答

画布外导航默认打开/关闭

javascript、jquery、html、css

取消画布导航的默认状态是关闭的，这在移动站点上运行良好，因为您可以切换它，打开并选择您的链接，但是在桌面上，关闭它并在隐藏用户信息的情况下切换它，我希望在用户到达页面时默认打开它。main-menu-open' ); }问题是，菜单有一个与之相关的动画，所以当您到

浏览 4提问于2015-06-11得票数 0

2回答

动画一个元素，使其从显示中改变:没有CSS

css、animation、display、transitions

我有一个菜单系统，当单击“菜单”按钮时，一些简单的javascript允许将移动菜单显示为下拉菜单。有什么CSS解决方案吗？当我使用Greensock动画库时，它允许您

浏览 4提问于2017-11-21得票数 1

回答已采纳

1回答

将鼠标悬停意图添加到全CSS快捷菜单

jquery、css

如何将悬停意图应用于此all css菜单？在这个问题上我真的需要帮助！我找到了这两个网站，但是我不知道如何将代码应用到我的菜单中，或者它是否是我需要的。

浏览 0提问于2011-04-26得票数 0

1回答

CSS转换与jQuery .animation() vs JS切换类？

javascript、jquery、css

我是一个新手，试图创建一个动画移动菜单，我想知道是否有一个更好的方法来做到这一点。我的导航菜单在一个<ul>中，默认情况下它是隐藏在屏幕外的 (right: -100vw)，我有一个未使用的类.open，它有规则right: 0。100vw; transition:right 1s; }li:nth-of-type(2) { transition-delay: 0.5s; } 当用户单击移动菜单-汉堡包图标上的时，切换</em

浏览 3提问于2020-12-26得票数 1

1回答

引导菜单动画'x‘不要切换到重置

jquery、html、twitter-bootstrap、animation、togglebutton

问题是导航栏切换按钮(移动大小窗口中的引导菜单按钮)--点击按钮时动画工作正常，但是，当我试图关闭菜单时，打开导航键(x)按钮时，按钮中的(x)不会重置为css文件中的旋转(0)。工作启动菜单动画按钮示例我不知道问题出在哪里，所以我没有在这里粘贴任何代码。

浏览 4提问于2016-01-05得票数 0

回答已采纳

2回答

CSS如何添加滑动过渡

javascript、jquery、html、css

我有一个滑动子菜单内容的sidenav菜单工作的以下小提琴演示。我在没有使用Jquery的情况下遵循了相同的演示(实际上首先使用普通的JS，然后通过CSS悬停选择器而不是单击)，并且在我的例子中，子菜单不会以相同的方式进行幻灯片/动画。切换方法引起的吗？(function() { });我怎样才能在不使用jquer

浏览 19提问于2017-06-23得票数 1

回答已采纳

2回答

基础6 Wordpress主题

wordpress、zurb-foundation、zurb-foundation-6

我正在尝试添加一些动画到移动导航缓慢下降，而不是让页面跳转。我用的是基础新闻的主题。我似乎无法让它与数据-动画一起工作。

浏览 0提问于2016-11-27得票数 0

2回答

单击javascript更改类，保持css动画

javascript、jquery、html、css、animation

我有一个需要javascript/css组合的问题。我想要箭头/css动画点击。因此，我不确定如何做到这一点，如果我应该在js中使用.hasClass，然后单击就切换它。此外，我如何能够定义打开哪个菜单项(由类定义，而不是在js中定义)。点击后，我希望箭头保持它在动画后应该如何(即打开菜单有箭头向上，关闭菜单<

浏览 1提问于2013-11-16得票数 0

回答已采纳

1回答

制作圆形运动选择菜单

javascript、css、html、css-transitions、css-animations

我的想法是制作一个带有简洁动画的菜单，用于选择类似于豪尔移动城堡神奇位置选择器的语言：你的想法是把你的选择安排成一个圆圈，当你选择一个圆圈时，整个圆圈旋转使你的选择在顶部对齐，我头脑风暴上的代码笔会给你一个想法( (click)s是因为我在角下工作)我怎么能做这样的菜单？(是的，最后js将处理我添加的css类:每个可能的旋转位置都有一个css类，这样就可以向后切换、

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

回答已采纳

1回答

更改&& conditions javascript的变量

javascript、variables、conditional、css-animations

我正在尝试制作一个窗口滚动功能，一旦超过某个点，就会弹出一个侧栏，然后在返回到该点之后再弹出它，但我不想在经过该点之前，能够提示隐藏侧栏的动画。.scroll(function () {var z = 500; menu1.css("animation-play-state", "running"); menu1.css("animation-directio

浏览 1提问于2017-01-07得票数 0

1回答

react / css* -转换动画-单击时移动元素*

css、reactjs

问题是，我无法使动画很好地移动关闭菜单图标的左边。我所期望的是，当我单击“关闭”菜单图标时，菜单图标与整个侧边栏一样向左移动。} transform: translateX(-500px);还有一些单击处理程序控制切换

浏览 5提问于2020-11-28得票数 2

回答已采纳

1回答

保持Javascript和CSS之间的干性

javascript、css、dry

假设您有一个菜单，可以通过一个按钮来切换打开和关闭。我的标准方法是为关闭的菜单编写CSS，并编写指定(或动画到)打开菜单状态的Javascript。最近，我开始使用Active.js，一个客户端的MVC框架。它提供了带有用于生成DOM片段的构建器的视图类，并且可以为这些片段提供处理动画和DOM状态等内容的方法。在CSS中描述初始状态，然后在JavaScript中描述交替状态，感觉有些不可靠。在没有动画的情况下，明智的

浏览 1提问于2010-10-10得票数 2

点击加载更多