滚动时jQuery折叠

Question

我在这里需要帮助...我有一个可折叠的菜单，当页面开始时我想保持打开但是当向下滚动时我想要折叠...有没有选择呢？

$('#slide-button').click(function(){
    $('#menu-list').animate({width: 'toggle'},500);
    $(this).toggleClass('inactive');
});

这是我的网站http://astritbublaku.com/demos/dukagjini/

Answer 1

您可以使用以下内容;

$(document).ready(function() {
    // Start as opened
    $(".book-toggle").trigger("click");

    // When scrolled, if collapsible is opened, close it
    $(window).scroll(function() {
        // Check if it is already closed. It has class 'inactive' when it is open
        if ($(".book-box").hasClass("inactive") == false) {
            $(".book-toggle").trigger("click");
        }
    }); 
});

Answer 2

试试这个：

$(window).scroll(function(){
    if ( $(window).scrollTop() > 0 ) {
       $('#menu-list').animate({"width": minWidth },500);
       $(this).addClass('inactive');
      }
    else
     {
        $('#menu-list').animate({"width": maxWidth },500);
        $(this).removeleClass('inactive');
       }
});