使用skrollr和bootstrap3

Question

可以使用skrollr和bootstrap嗎？我的意思是使用bootstrap 3可以使用skrollr響應來開發一個網站嗎？

Answer 1

現在我正在一個項目中使用bootstrap 3和skrollr，它並沒有讓我的生活變得更加困難，只是像你一樣正常使用skrollr，當你重寫css時仍然需要注意。我對移動版的建議是關閉skrollr並將其設爲靜態網站，並且不要在標記中手動輸入數據屬性，請使用javascript。如果您使用javascript，則可以在窗口大小調整後重新計算您在data屬性中給出的值。 ussage的

//used to set dynamically the attributes for animations 
var setSkrollr = function($el, data) { 
    // loop all data entries (scroll positions + css property & value) 
    for (var i = 0, l = data.length; i < l; i++) { 
     // the current data entry 
     var d = data[i] 
    // the scroll position (in pixels) 
      px = d[0]; 
    // the css property + value to set 
      css = d[1]; 
     $el.attr('data-' + px, css); 
    } 
} 

例如：

setSkrollr($('.box1'),[[0, 'opacity:1;'], 
         [500, 'opacity:1;'], 
         [600, 'opacity:0;']]); 

和標記看起來像這樣：

<div class = "box1" data-0="opacity:1;" data-500="opacity:1;" data-600="opacity:0;"></div> 

這個功能是不是我做的，我還發現在互聯網上這種方法。我不願意爲此獲得學分。

希望它有幫助