CSS+JS Carousel 在滚动时失去样式
CSS+JS Carousel loses style when scrolling through it
我的主页上有两个轮播，在第一个和最后一个轮播项目之间转换时似乎失去了样式效果。
如能提供有关更改内容或查看位置的任何提示，我们将不胜感激。我试图寻找可能导致它但没有成功的 JS 事件，但似乎没有任何东西会使它失去样式。
主页是：
Home Page
一旦样式中断，它似乎会在轮播上滑动更多后恢复，但我希望它始终保持一致。如果有我可以发送的片段或文件，请告诉我，我会 post 一个 pastebin 在这里。
“失去样式效果”我假设你的意思是改变它的字体大小。
它发生是因为你有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>
我的主页上有两个轮播，在第一个和最后一个轮播项目之间转换时似乎失去了样式效果。
如能提供有关更改内容或查看位置的任何提示，我们将不胜感激。我试图寻找可能导致它但没有成功的 JS 事件，但似乎没有任何东西会使它失去样式。
主页是： Home Page
一旦样式中断，它似乎会在轮播上滑动更多后恢复，但我希望它始终保持一致。如果有我可以发送的片段或文件，请告诉我，我会 post 一个 pastebin 在这里。
“失去样式效果”我假设你的意思是改变它的字体大小。
它发生是因为你有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>