JQuery-Javascript: hide() on scrolltop() 条件,不生效
JQuery-Javascript: hide() on scrolltop() condition, not taking effect
我有一个整页页眉,中间有一个徽标,下面有一个箭头。如果它向上滚动 10px 或更多,我需要箭头消失。为此,我使用 .scrollTop()
和 .hide()
,如下面的 jfiddle 所示。但是它不会在向上滚动时消失。
如果有人让我走上正确的道路,找出箭头没有用 .hide() 隐藏的原因,我将不胜感激?
首先在您的 jfiddle 中包含 jquery(屏幕 js 部分的设置图标)。并通过 $j('#arr_down').hide(); 使用 $j和 $j('#arr_down').hide();你忘记了例子中的 j
$j=jQuery.noConflict();
$j(document).ready(function() {
$j(window).scroll(function () {
if ($j(this).scrollTop() > 10)
$j('#arr_down').hide();
else
$j('#arr_down').show();
});
});
我有一个整页页眉,中间有一个徽标,下面有一个箭头。如果它向上滚动 10px 或更多,我需要箭头消失。为此,我使用 .scrollTop()
和 .hide()
,如下面的 jfiddle 所示。但是它不会在向上滚动时消失。
如果有人让我走上正确的道路,找出箭头没有用 .hide() 隐藏的原因,我将不胜感激?
首先在您的 jfiddle 中包含 jquery(屏幕 js 部分的设置图标)。并通过 $j('#arr_down').hide(); 使用 $j和 $j('#arr_down').hide();你忘记了例子中的 j
$j=jQuery.noConflict();
$j(document).ready(function() {
$j(window).scroll(function () {
if ($j(this).scrollTop() > 10)
$j('#arr_down').hide();
else
$j('#arr_down').show();
});
});