将特定的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进行转换

回答

相关问题