是的,我目前有一个 f chode 片段,我以前使用过并且工作完美。然而,当应用到一个新网站时,它就是不想知道,我简直要尖叫了。
仅供参考,当事情没有按照我的期望进行时,我有极度愤怒的历史,未解决的童年问题等,但如果我遇到了一个活泼的人,请原谅我。我现在非常愤怒,我厌倦了它。我厌倦了尖叫和扯掉我的头发只是因为 JQuery 决定不按照它今天所说的那样工作。我筋疲力尽,现在很生气,我想尖叫。
该死的电脑没有权利告诉我我的一天过得怎么样。这绝对是荒谬的。
是否有任何特别的原因 - 尽管提到了 W3Schools,但相关按钮是否没有向下滚动,尽管我告诉它这样做?
.scroll-reveal{
top: 20px;
}
.floating-hamburger{
position: fixed;
top: -40px;
right: 20px;
height: 50px;
width: 50px;
border-radius: 50px;
background-color: red;
background-image: url("assets/menu_hamburger.svg");
background-repeat: no-repeat;
background-size: 18px;
background-position: 50% 50%;
cursor: pointer;
transition: background-color 0.5s;
z-index: 9999999999999999;
}
.floating-hamburger:hover{
background-color: #3A83F3;
}
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
</head>
<body>
<script>
(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll > 100) {
$(".floating-hamburger").addClass("scroll-reveal");
} else {
$(".floating-hamburger").removeClass("scroll-reveal");
}
/script>
<a onClick="" href="javascript:void(0)" class="mobile floating-hamburger"></a>
</body>
当我向下滚动页面时,我期待按钮真正滑入视图。