Javascript 显示div onscroll但永久隐藏div onclick

我有一个div，它会在卷轴上消失。问题是，即使我点击隐藏它，它也会在卷轴上再次淡入。如果有人点击关闭的“X”，如何永久隐藏它

我还想添加一些滑动效果来显示不同的文本。因此，我想使用引导滑块。问题是，我已经准备好了一个，出于某种原因，它没有滑动，尽管我改变了id

    <div id="bewertung">
        <div id="carousel-bounding-box">
        <a href="#" class="close-thik" onclick="document.getElementById('bewertung').style.display='none';return false;"></a>   
            <div id="slidebewertung" class="carousel slide">
                <!-- main slider carousel items -->
                <div class="carousel-inner">
                    <div class="active item" data-slide-number="0">
                        <strong>Sven</strong> <br>
                        <small>Head of Marketing Göpel GmbH</small><br>
                        <img src="./bilder/erfahrung-bm-translations.JPG" /><br>
                        <em>sdfsdeit</em>             
                    </div>
                    <div class="item" data-slide-number="1">
                        <strong>Sven</strong> <br>
                        <small>Head of Marketing Göpel GmbH</small><br>
                        <img src="./bilder/erfahrung-bm-translations.JPG" /><br>
                        <em>sdfsdfhkeit</em>                                          
                    </div>  
                    <div class="item" data-slide-number="2">
                        <strong>Sven </strong> <br>
                        <small>Head of Marketing Göpel GmbH</small><br>
                        <img src="./bilder/erfahrung-bm-translations.JPG" /><br>
                        <em>Frsdfdsfhkeit</em>                                        
                    </div>  
                    <div class="item" data-slide-number="3">
                        <strong>Sven </strong> <br>
                        <small>Head of Marketing Göpel GmbH</small><br>
                        <img src="./bilder/erfahrung-bm-translations.JPG" /><br>
                        <em>Freusdfsdfsdff</em>
                    </div>                      
                </div>
            </div>
        </div>
    </div>

Javascript

$("#bewertung").hide();
$(window).scroll(function() {
    if ($(window).scrollTop() > 250) {
        $("#bewertung").fadeIn("slow");
        $('#slidebewertung').carousel({
            interval: 8000
        });
    }
    else {
        $("#bewertung").fadeOut("fast");
    }
});

使用“标志”来记住关闭状态

我删除了内联的

onclick（）

，以便在脚本中使用它。
更容易阅读

然后，我添加了

bewertungClosed=true

。
这将阻止

fadeIn（）

滚动

$（“#bewertung”）.hide（）；
var bewertungClosed=假；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>50&&！bewertungClosed）{
美元（“#bewertung”）.fadeIn（“慢”）；
}
否则{
美元（“#bewertung”）。淡出（“快速”）；
}
});
$（.close thik”）。在（“单击”，函数（）上{
document.getElementById（'bewertung'）.style.display='none'；
bewertungClosed=真；
返回false；
});
#bewertung{
宽度：140px；
底部：0；
浮动：对；
左：0；
位置：固定；
z指数：99；
背景：白色；
边框：1px纯灰；
边界半径：10px；
填充：1%；
字体大小：11px；
}
[类别*=“关闭-”]{
颜色：#777；
字体：14px/100%arial，无衬线；
位置：绝对位置；
右：5px；
文字装饰：无；
文本阴影：0 1px 0#fff；
顶部：5px；
}
.关上它{
内容:'✖'; /* UTF-8符号*/
}

Sven

Göpel GmbH营销总监



sdfsdeit
Sven

Göpel GmbH营销总监



sdfsdfhkeit
Sven

Göpel GmbH营销总监



Frsdfdsfhkeit
Sven

Göpel GmbH营销总监



FREUDFSFDFF
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
使用“标志”来记住关闭状态

我删除了内联的
onclick（）
，以便在脚本中使用它。

更容易阅读

然后，我添加了
bewertungClosed=true
。

这将阻止
fadeIn（）
滚动



$（“#bewertung”）.hide（）；
var bewertungClosed=假；
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>50&&！bewertungClosed）{
美元（“#bewertung”）.fadeIn（“慢”）；
}
否则{
美元（“#bewertung”）。淡出（“快速”）；
}
});
$（.close thik”）。在（“单击”，函数（）上{
document.getElementById（'bewertung'）.style.display='none'；
bewertungClosed=真；
返回false；
});
#bewertung{
宽度：140px；
底部：0；
浮动：对；
左：0；
位置：固定；
z指数：99；
背景：白色；
边框：1px纯灰；
边界半径：10px；
填充：1%；
字体大小：11px；
}
[类别*=“关闭-”]{
颜色：#777；
字体：14px/100%arial，无衬线；
位置：绝对位置；
右：5px；
文字装饰：无；
文本阴影：0 1px 0#fff；
顶部：5px；
}
.关上它{
内容:'✖'; /* UTF-8符号*/
}

Sven

Göpel GmbH营销总监



sdfsdeit
Sven

Göpel GmbH营销总监



sdfsdfhkeit
Sven

Göpel GmbH营销总监



Frsdfdsfhkeit
Sven

Göpel GmbH营销总监



FREUDFSFDFF
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
隐藏bewertung DIV时，只需分离滚动处理程序

试试这个：

var $bewertung = $("#bewertung").hide();

$(window).on('scroll.bewartung', function() {
    if ($(window).scrollTop() > 50) {
        $bewertung.fadeIn('slow');
    } else {
        $bewertung.fadeOut('fast');
    }
}).find("a.close-thik").on('click', function() {
    $bewertung.hide();
    $(window).off('scroll.bewartung');
    return false;
});

然后从HTML中删除
onclick
处理程序。
当bewertung DIV隐藏时，只需分离滚动处理程序

试试这个：

var $bewertung = $("#bewertung").hide();

$(window).on('scroll.bewartung', function() {
    if ($(window).scrollTop() > 50) {
        $bewertung.fadeIn('slow');
    } else {
        $bewertung.fadeOut('fast');
    }
}).find("a.close-thik").on('click', function() {
    $bewertung.hide();
    $(window).off('scroll.bewartung');
    return false;
});

然后从HTML中删除
onclick
处理程序。
当div隐藏时，也要分离滚动处理程序。当div隐藏时，也要分离滚动处理程序。这很好，非常感谢！你知道如何使旋转木马工作吗？非常好，谢谢！你知道怎么让旋转木马工作吗？