个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我正在尝试做菜单。当用户向下滚动菜单消失时，向上滚动时它会再次出现。我在添加动画效果时遇到问题。我不希望菜单立即消失，但这需要一些时间。我尝试使用动画功能，但它不起作用。
谢谢。
<body>
<nav class="site-navbar">
</nav>
</body>
body {
height:300vh;
width:100%;
background-color:yellow;
margin:0;
padding:0;
.site-navbar {
width:100%;
height:40px;
background-color:red;
position:fixed;
top:0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease
}
.nav-up {
top:-40px;
}
}
var prevScroll = 0;
$(document).scroll(function() {
var currentPos = $(this).scrollTop();
if(currentPos > prevScroll) {
$('nav').removeClass('site-navbar').addClass('nav-up');
}
else {
$('nav').removeClass('nav-up').addClass('site-navbar');
}
prevScroll = currentPos;
})
最佳答案
在添加新类之前无需删除类 FIDDLE
var prevScroll = 0;
$(document).scroll(function() {
var currentPos = $(this).scrollTop();
if(currentPos > prevScroll) {
$('nav').addClass('nav-up');
} else {
$('nav').removeClass('nav-up').addClass('site-navbar');
}
prevScroll = currentPos;
});
如果你删除类你也删除了转换
关于javascript - 如何在 JQuery 中为 addClass/removeclass 设置动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45211733/
25
4
0
siblings('.xx')有没有错误？单击时不想重复图像抱歉，我的英语太差了:( $(document).ready(function() { //$(".ok").removeClass("
我有一个具有以下样式的段落: .design_info_box p.design_info_desc { height:30px; text-overflow: ellipsis;
我现在正在执行以下操作，效果很好: $('#picker a').removeClass('selected'); 地点: Stuff Stuff Stuff Stuff 我如何更新 j
我有一个带有一些类的 div，我使用 Jquery 添加了一些 css $('.myClass').css("position","absolute"); 经过几个步骤后，我使用 myClass 删除
我正在尝试在类上启用事件监听器，但它不起作用 DOM 元素: Shop 这是 Javascript 事件监听器: 函数完成后，它会删除 .shopping，因此事件不再触发。 $('.shoppi
var increment = 0; $("#dial-save").click(function(){ $(".add-flow").html(""); $(".add-flow").append(
感谢这里的所有贡献者和 w3schools，我终于成功了。 我有 2 个菜单 - Term 和 PayTerm。 Term 始终高于 PayTerm。默认的 disabled 状态是完美的。当我点击
(function removeAnimation() { var $window = $(window), $html = $('html'); if ($window.wi
这个问题已经有答案了: How to remove CSS Class with Tampermonkey? (3 个回答) 已关闭 4 年前。 我正在尝试删除 hide来自单个div的类使用 Vio
removeClass 不会从下面的 js 中的 div.upvote 中删除类 selected，但 addClass() 可以正常工作。这是为什么？ $(document).ready(funct
我正在创建一个 Accordion ，它具有过滤搜索和字母分页功能。 Accordion 由折叠的卡片组成。当用户在搜索框中键入内容时，我希望卡片打开.removeClass('collapsed')
示例代码和示例为here . $("#menus > li > ul > li > a").click(function(){ $(this).toggleClass("selected").
我的 ajax 表单提交运行良好，但我想添加一个“成功”类，以向用户指示当用户选中或取消选中某个框时请求已完成。到目前为止我已经尝试了一些方法: $(".box").change(functi
我有一些元素，例如 A 类 test 然后我尝试从元素中删除该类: $('.A').removeClass('.A'); 但它似乎不起作用，如果我只知道这个元素的一个类，如何让它起作用？ 最佳答案 您
当我直接指定它时(即“ratingBlock”、“ratingBlock1”、“ratingBlock2”等)，此代码片段可在添加新类之前删除现有类。但是当我在removeClass('[class
如果您单击任一图像，每个图像都会出现一个独特的模态。 我使用了一个功能，可以在您点击离开时隐藏苹果模式。 如果我单击任何 .alt-btn，如何保持苹果模式显示？ $(document).on("cl
我需要你的帮助。 我无法从未选择的图像中删除事件链接。 代码如下: $(function(){ $(document).ready(function() { $(".Nav_t
我正在尝试制作自动幻灯片，但此消息不断弹出，我不明白为什么。 HTML: 'show' 和 'hide' 类分别将显示设置
我有一个 jssor 画廊，我通过添加 CSS 类“blur”对其进行了模糊处理。当用户点击 div 时，我想“取消模糊”这个画廊。为此，我添加了这个简单的 JS 代码: jQuery(doc
我可以将下面的代码重写为不那么重复的代码吗？ $("#iTUNES").click(function() { createLastEdition(26); $("#Beatpo
我是一名优秀的程序员,十分优秀！