滑入滚动视频的按钮 |添加类 | JQuery

问题描述 投票:0回答:0

是的,我目前有一个 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>

当我向下滚动页面时,我期待按钮真正滑入视图。

javascript jquery
© www.soinside.com 2019 - 2024. All rights reserved.