將DivIV位置固定爲當滾動到位置時 - jQuery

我正在使用包含三個垂直對齊的滑塊的右側邊欄。當我向下滾動到200像素時，我想要修正邊欄的位置。這裏是我的代碼到目前爲止：將DivIV位置固定爲當滾動到位置時 - jQuery

$(document).ready(function() { 
    window.onscroll = function() { 
     if (window.pageYOffset >= 200){ 
      $('.col-right').css({position: 'fixed', right: '490px'}); 
     } 
    } 
}

當我使用此代碼時沒有任何反應。它檢測到我正在滾動，但它沒有將CSS屬性設置爲「col-right」類，它是側邊欄。我做對了嗎？

來源

2013-04-09 Daniel Harris

使用引號，''固定''，'固定'是 – undefined 2013-04-09 17:49:50

添加並沒有任何反應。 – 2013-04-09 18:14:07

取代：

.css({position: fixed, right: 490px});

與

.css({position: 'fixed', right: '490px'});

字符串應該被引用！

來源

2013-04-09 17:50:06 adeneo

這樣做沒有任何反應。 – 2013-04-09 17:54:12

適用於我 - > [** FIDDLE **]（http://jsfiddle.net/pzNYX/），您是否記得document.ready，因爲您使用jQuery來獲取DOM元素。 – adeneo 2013-04-09 18:02:39

是的，我將document.ready函數添加到代碼中，並且它什麼都不做。 – 2013-04-09 18:07:54

好的，我想通了。我將$更改爲jQuery，一切正常。這裏是我的工作解決方案：

jQuery(document).ready(function(){ 
    window.onscroll = function() { 
     if (window.pageYOffset >= 200){ 
      jQuery('.col-right').css({position: 'fixed', right: '490px', top: '40px'}); 
     } 
     else { 
      jQuery('.col-right').css({position: '', right: '', top: ''}); 
     } 
    } 
});

來源

2013-04-10 22:50:12

將DivIV位置固定爲當滾動到位置時 - jQuery

回答

相關問題