按钮位置在Angular中的自定义滑块中发生更改



我有这个自定义滑块

工作链接:https://stackblitz.com/edit/angular-ivy-rwuxjd?file=src%2Fapp%2Fapp.component.html

滑块正在工作,但当我们将其滑动到下一张或上一张幻灯片时,"下一张"one_answers"上一张"按钮不在正确的位置。每张幻灯片都将有不同的内容,幻灯片高度也将更改,但问题是,当我滑动到下一个或上一个时,下一个和上一个按钮的位置应该自动管理,但目前,当我们在翻译幻灯片时点击下一个时按钮会移动到最顶部的位置。我不想固定按钮的位置,它应该根据内容高度进行管理。

我们非常感谢任何解决方案。感谢

您需要为此添加一些CSS规则。试着在按钮和图像滑块周围放置一个容器div,并给它一个最小高度。

不完美,但会让你朝着正确的方向前进。

https://stackblitz.com/edit/angular-ivy-airvm5?file=src/app/app.component.css

最新更新