如何将滑行箭头放在滑行轨道之外

Question

我正在尝试使用 glide.js 构建旋转木马/rondell。我希望左右箭头显示在滑行轨道之外。旋转木马/旋转木马应该完全响应。这是一张应该如何的图片。

有人可以帮我吗？

谢谢你！

Answer 1

您必须自己编写箭头的逻辑，因为 Glide 只查找其根元素内的控件。

.go()在先前查询的 HTML 元素上使用 Glide API 和方法。

var nextButton = document.querySelector('#next');
var prevButton = document.querySelector('#prev');

var glide = new Glide('#glide');

nextButton.addEventListener('click', function (event) {
  event.preventDefault();

  glide.go('>');
})

prevButton.addEventListener('click', function (event) {
  event.preventDefault();

  glide.go('<');
})

glide.mount();

访问Glide API 文档以获取更多信息