設置高度後引導程序崩潰

Question

我想要實現的是相對簡單的設置高度之後，我期待使用Bootstrap默認屬性摺疊div。下面我已經寫了javascript來設置高度後觸發，但我不確定的是如何觸發#more的ID的崩潰。

function testScroll(ev) { 
 

 
    if (window.pageYOffset > 1100) alert('User has scrolled at least 400 px!'); 
 
}

<div id="more" class="collapse">test</div>

Answer 1

可以使用collapse function作爲引導文檔定義，通過提供它的元素ID。您還可以閱讀更多關於它here。

function testScroll(ev){ 
    if(window.pageYOffset>1100) { 
     alert('User has scrolled at least 400 px!'); 
     $('more').collapse('hide'); 
    } else { 
     alert('User has not scrolled at least 400 px!'); 
     $('more').collapse('show'); 
    } 
} 


<div id="more" class="collapse">test</div> 

Answer 2

如果我理解你不知道如何選擇和更改類的項目#more

var collapse = function() { 

    // select the element that has the id #more 
    var element = document.getElementById('more'); 

    // now you can, for exemple change its class 
    // that's where you can apply a different css class to collapse the div 
    element.setAttribute('class','anotherClass'); 

}