Html 纯CSS滑块在单击导航时向上滚动

我正在开发芒果应用程序。我需要创建一个滑动横幅。但是我必须只使用CSS和html来做，没有为横幅编写js的规定（包括对任何js文件的引用）

我发现了以下两种类型的纯CSS滑块：

使用

标签进行导航，例如<代码>无法正常使用Mango应用程序，已向开发人员团队提出解决方案，但尚未得到答复

使用

/

---

请告诉我，这是否可以修复，或者是否有其他方法可以制作带有导航箭头/点的纯CSS滑块。

我制作了带有两个开关选项的纯CSS旋转滑块：标签箭头和单选按钮

我无法在应用程序上测试它，因此如果

单选按钮在那里不起作用，您可以使用
显示：无
隐藏它们，如果
标签在那里不起作用，您可以简单地删除它们


-可选版本，无限动画滚动，直到选中任何选项


正文{
保证金：0；
背景：薰衣草；
}
#容器{
文本对齐：居中；
}
#图1、图2、图3、图4{
位置：相对位置；
显示：内联块；
宽度：640px；
身高：423px；
保证金：0；
-webkit转换：所有1；/*Safari*/
过渡：所有1；
}
输入[类型=收音机]{
边缘顶部：10px；
边缘底部：10px；
}
#sel1：选中~#画布#图片1{
左边缘：0%；
}
#sel2：选中~#画布#图片1{
左边距：-100%；
}
#sel3：选中~#画布#图片1{
左边距：-200%；
}
#sel4：选中~#画布#图片1{
左边距：-300%；
}
.左{
位置：绝对位置；
最高：40%；
左：5%；
z指数：200；
}
.对{
位置：绝对位置；
最高：40%；
右：5%；
z指数：200；
}
#帆布{
左：0；
右：0；
保证金：自动；
宽度：640px；
身高：423px；
空白：nowrap；
溢出：隐藏；
外形：2倍纯黑；
}
.左，.右{
显示：无；
}
#收音机4左，收音机2右{
显示：内联块；
}
#sel2：选中~label#radio4_左、#sel2：选中~label#radio2_右、#sel3：选中~label#radio4_左、#sel3：选中~label#radio2_右、#sel4：选中~label#radio4#左、#sel4：选中~label#radio2#右{
显示：无；
}
#sel1:选中~label#radio4_左，#sel1:选中~label#radio2_右{
显示：内联块；
}
#sel2:选中~label#radio1_左，#sel2:选中~label#radio3_右{
显示：内联块；
}
#sel3:选中~label#radio2_左，#sel3:选中~label#radio4_右{
显示：内联块；
}
#sel4:选中~label#radio3_左，#sel4:选中~label#radio1_右{
显示：内联块；
}
我制作了这个纯CSS旋转滑块，有两个开关选项：标签箭头和单选按钮

我无法在应用程序上测试它，因此如果
单选按钮在那里不起作用，您可以使用
显示：无
隐藏它们，如果
标签在那里不起作用，您可以简单地删除它们


-可选版本，无限动画滚动，直到选中任何选项


正文{
保证金：0；
背景：薰衣草；
}
#容器{
文本对齐：居中；
}
#图1、图2、图3、图4{
位置：相对位置；
显示：内联块；
宽度：640px；
身高：423px；
保证金：0；
-webkit转换：所有1；/*Safari*/
过渡：所有1；
}
输入[类型=收音机]{
边缘顶部：10px；
边缘底部：10px；
}
#sel1：选中~#画布#图片1{
左边缘：0%；
}
#sel2：选中~#画布#图片1{
左边距：-100%；
}
#sel3：选中~#画布#图片1{
左边距：-200%；
}
#sel4：选中~#画布#图片1{
左边距：-300%；
}
.左{
位置：绝对位置；
最高：40%；
左：5%；
z指数：200；
}
.对{
位置：绝对位置；
最高：40%；
右：5%；
z指数：200；
}
#帆布{
左：0；
右：0；
保证金：自动；
宽度：640px；
身高：423px；
空白：nowrap；
溢出：隐藏；
外形：2倍纯黑；
}
.左，.右{
显示：无；
}
#收音机4左，收音机2右{
显示：内联块；
}
#sel2：选中~label#radio4_左、#sel2：选中~label#radio2_右、#sel3：选中~label#radio4_左、#sel3：选中~label#radio2_右、#sel4：选中~label#radio4#左、#sel4：选中~label#radio2#右{
显示：无；
}
#sel1:选中~label#radio4_左，#sel1:选中~label#radio2_右{
显示：内联块；
}
#sel2:选中~label#radio1_左，#sel2:选中~label#radio3_右{
显示：内联块；
}
#sel3:选中~label#radio2_左，#sel3:选中~label#radio4_右{
显示：内联块；
}
#sel4:选中~label#radio3_左，#sel4:选中~label#radio1_右{
显示：内联块；
}

我想这可以帮助你：）@Batman-这是一个引导旋转木马。我已经提到，没有关于js的规定。我有一些链接可以帮助您在不使用js的情况下构建代码。1） 2）我认为这可以帮助你：）@Batman-这是一个引导旋转木马。我已经提到，没有关于js的规定。我有一些链接可以帮助您在不使用js的情况下构建代码。1)   2)