Html 如何控制CSS滑块中的锚定标记，使其不会'；是否重新定位页面上的滚动？

我正在尝试创建一个只支持CSS的滑块，我可以在一个页面上的多个实例中使用它。我用锚定标签来控制滚动条，滑块工作得很好，但只能在真空中

一旦它们被放置在包含内容的页面上，单击锚定（箭头）将滚动页面，直到滑块位于顶部。这是不必要的行为。有什么办法可以阻止这种事情发生吗

它还“重置”另一个滑块。例如，如果我滚动了第二个滑块的一部分，然后决定滚动第一个滑块，那么第二个滑块会返回到开头。这并不像第一个问题那么严重，但如果有一个简单的解决办法，我很想知道

以下是测试的链接：

---

这就是我正在使用的CSS：

你提到你只想制作这个CSS，但是

默认值是不可能的吗

$("a[href='#']").on('click', function(event){
  event.preventDefault();
});

如果您觉得类选择器更合适，请将
“a[href='#']”“
更改为类选择器

我希望这就是您想要的。
我并不反对jQuery，只是对它非常不熟悉，所以我尝试了这个。当我使用你的代码时，没有任何改变。当我简单地使用“a”而不是“a[href=”#“]”时，滑块完全停止工作。它和你的代码一起出现在测试站点上。是否插入错误？防止默认将删除锚定标记执行的默认操作。您可能需要在默认代码上方添加一些额外的行。例如，您可能希望添加一个'active'
.addClass（'active'）
类，并相应地设置该类的样式。感谢您花时间讨论这个问题。我对jQuery一无所知。我不知道如何设计一个新的类，使锚点可以用于滑块滚动，而preventDefault可以使相同的链接不起作用。不过我会玩的。我很欣赏这个方向。没问题，祝你好运：）