将特定的 CSS 元素转换为 jQuery 以进行转换答案

【问题标题】：Convert specific CSS elements to jQuery for transforms将特定的 CSS 元素转换为 jQuery 以进行转换
【发布时间】：2015-06-02 20:01:22
【问题描述】：

几天来，我一直在试图弄清楚如何将此 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 边缘的一个大绿色，但通过阅读这里的帖子和问题我一直在慢慢学习，但这是我还无法弄清楚的东西.因此，如果有人能指出我正确的方向，我将不胜感激。

【问题讨论】：

欢迎来到 Stack Overflow！您可能想查看how to ask a question。正确格式化您的问题将大大有助于获得您正在寻找的答案。
您网站这部分的相关 HTML 是什么？而且，顺便说一句，我会呼吁阅读How to Ask 指南和MCVE 指南。

标签： jquery css html scroll transform

【解决方案1】：

你的意思是自动滚动？听起来像 jQuery 轮播将是一个不错的选择。 This one 是我用得最多的一个，我推荐它。查看示例，您会发现它使用起来相当简单，应该适合您。

【讨论】：