用JavaScript設置「高級」css類的值？

Question

我一直試圖讓這個工作一段時間無濟於事。要麼我設法打破整個頁面，要麼根本沒有做任何事情。

腳本：

$(document).ready(function(){ 
    var height = $(window).innerHeight(); 
    $('a[id="st2"]:target~#scrollbg article.panel').css('-webkit-transform','translateY(-'height'px)'); 

}); 

試圖改變這個CSS類的值：

a[id="st2"]:target~#scrollbg article.panel { 
    -webkit-transform: translateY(-955px); 
    transform: translateY(-955px); 
} 

（-955的價值來自於具有手動輸入的值，使其工作在我的瀏覽器我/屏幕res。）

現在我很清楚，我可以只廢棄整個CSS動畫，並在javaScript中做所有事情，而我仍然認爲我會試圖尋求幫助fi RST。

乾杯，

/吳作棟

Answer 1

'translateY(-'height'px)'); 

應該

'translateY(-'+height+'px)');

注意+。否則，它最終會成爲語法錯誤。