目录。我的轮播代码有问题，当我点击我的屏幕页面时？

你好，我在做一个网站。这是我的研究课题。因为我还没有学习java脚本，我想在html和css只做一个轮询器。这一个工作得很好，除了当我按下右/左箭头时，页面向下滚动。我无法在我的代码中找到问题所在。我老师叫我来问你这个问题。因此，我来向您寻求帮助，以便找到解决办法。

提前感谢。祝你过得愉快。

<body> 
<div id="conteItemsCarrusel">
<div class="itemCarousel"id="itemCarousel-1">
<div class="carousel"id="acarrusel-1">
<img src="./image/cuisinier.jpeg" alt="itemCarousel-1">
</div>
<div class="fleche">
<a href="#itemCarousel-3">
<div class="gauche">
&#171;
</div>
</a>
<a href="#itemCarousel-2">
<div class="droite">
&#187;
</div>
</a>
</div>
</div>
<div class="itemCarousel"id="itemCarousel-2">
<div class="carousel"id="acarrusel-2">
<img src="./image/photojpgd.jpg" alt="itemCarousel-2">
</div>
<div class="fleche">
<a href="#itemCarousel-1">
<div class="gauche">
&#171;
</div>
</a>
<a href="#itemCarousel-3">
<div class="droite">
&#187;
</div>
</a>
</div>
</div>
<div class="itemCarousel"id="itemCarousel-3">
<div class="carousel"id="acarrusel-3">
<img src="./image/serveur.jpeg" alt="itemCarousel-2">
</div>
<div class="fleche">
<a href="#itemCarousel-2">
<div class="gauche">
&#171;
</div>
</a>
<a href="#itemCarousel-1">
<div class="droite">
&#187;
</div>
</a>
</div>
</div>
</div>
</body>

为什么_{当我点击chevrons时，我的页面滚动，我不知道我的代码中的问题在哪里}

点href="#foo"是链接到页面上的一个元素，并直接滚动它。

你可能(你没有包括你的CSS在你的问题)使用:target样式的元素。:target的设计，所以你可以添加额外的样式元素，以吸引更多的注意力，它会从只是在屏幕的顶部。

你似乎试图让元素的样式链接到元素，而不触发链接到它的主要效果。

你不能那样做。

如果你想要一个旋转木马，那么使用JavaScript。这是最合适的工具。

相关内容

最新更新

热门标签：