CSS+JS 轮播在滚动时失去样式

如何解决CSS+JS 轮播在滚动时失去样式

我的主页上有两个轮播，在第一个和最后一个轮播项目之间转换时，它们似乎失去了样式效果。

任何有关更改内容或查看位置的提示将不胜感激。我试图寻找可能导致它没有成功的 JS 事件，但似乎没有任何事情会使其失去样式。

主页是： Home Page

一旦样式中断，它似乎在旋转木马上滑动更多后会恢复，但我希望它始终保持一致。如果有我可以发送的片段或文件，请告诉我，我会在此处发布粘贴箱。

解决方法

“失去样式效果”我假设您的意思是更改它的字体大小。

这是因为你有 CSS

#hometext {
  font-size: 16px;
}

但此 id 仅出现在轮播上的第一个可见项目中（在滑动过程中会发生变化）。

HTML 中的 ID 必须是唯一的（在源代码中最多出现一次）。只需将其更改为 class 即可：

.hometext {
  font-size: 16px;
}

在轮播中

<p class="hometext">Want a custom picture of you and your familiar? Submit your idea for a quote!</p>