將特定的CSS元素轉換爲jQuery進行轉換

-1

我一直在試圖弄清楚如何將這個CSS轉換成jQuery幾天而沒有成功。將特定的CSS元素轉換爲jQuery進行轉換

基本上我想要做的是讓一些滾動去幾篇文章。

目前我給每篇文章一個單獨的面板ID，如panel1，panel2等，他們滑動不同的值，從-100vh到-500vh等問題是，這是不是非常優化，我可以預見有將來有100多個部分。

的CSS第一個面板如下：

a[ id= "anchor2" ]:target ~ #main article.panels { 
    -webkit-transform: translateY(-100vh); 
} 

a[ id= "anchor3" ]:target ~ #main article.panels { 
    -webkit-transform: translateY(-200vh); 
} 

a[ id= "anchor4" ]:target ~ #main article.panels { 
    -webkit-transform: translateY(-300vh); 
} 

a[ id= "anchor5" ]:target ~ #main article.panels { 
    -webkit-transform: translateY(-400vh); 
}

但我希望把它放在jQuery的，所以我可以自動滾動，只是把面板ID在一個變量和自動執行它，而不是用大量的獨特輸入來填充CSS。

如果我可以把這樣的事情在一個jQuery的，我想我會以正確的方式：

a[ id= "anchor5" ]:target ~ #main article.panels {-webkit-transform: translateY(-' + currentHeight + 'vh);}

我仍然圍繞HTML5，CSS和jQuery的邊緣的大綠，但我通過閱讀這裏的帖子和問題，我一直在慢慢地學習，但這是我還沒有弄清楚的。所以如果任何人都能指引我正確的方向，我會很感激。

來源

2015-06-02 drenko

歡迎來到Stack Overflow！您可能想查看[如何提出問題]（http://stackoverflow.com/help/how-to-ask）。正確地格式化您的問題將有助於您找到所需的答案。 –

您網站的這部分相關的HTML是什麼？順便說一下，我會再次打電話來閱讀[問]指南以及[MCVE]（http://stackoverflow.com/help/mcve/）指南。 –

你的意思是自動滾動？聽起來像一個jQuery旋轉木馬將是一個不錯的選擇。 This one是我使用最多的一個，我推薦它。看到這些例子，你會發現它的使用非常簡單，應該爲你工作。

來源

2015-06-02 20:46:52 lucasnadalutti

將特定的CSS元素轉換爲jQuery進行轉換

回答

相關問題