jQuery隱藏顯示ScrollTop

Question

我正在尋找一種向下滾動時顯示div子項的方法。

這是我的代碼：

$(document).ready(function (e) {

    var test = 0;
    $('#one').children('div').hide().css({
        'overflow': 'hidden'
    });

    $('#one').hover(function () {
        $(this).children('div').stop(true, true).show('slow');
    }, function () {
        $(this).children('div').stop(true, true).hide('slow');
    });

當我向下滾動兩次（〜30 pix）時，我想顯示div子項，因此當用戶再次到達屏幕頂部時，他可以看到div子項，但這是：

if ($(window).scrollTop() >11) {
        test+=1;
    }

if(test!==0){
    $('#one').children('div').show().css({
       'overflow': 'visible'
    });

似乎不起作用。 我希望此技巧能夠在不修改mousehover功能的情況下工作。

這里的jsfiddle更好地理解 。

Answer 1

演示

嘗試這個

 $(document).ready(function (e) {
    var test = 0;
    $('#one').children('div').hide().css({
        'overflow': 'hidden'
    });
    $('#one').hover(function () {

        $(this).children('div').stop(true, true).show('slow');
    }, function () {
        $(this).children('div').stop(true, true).hide('slow');
    });

});
$(window).scroll(function(event) {

    if ($(window).scrollTop() >11) {
     $('#one').children('div').stop(true,true).show();
    }

});

希望對您有所幫助，謝謝