html - 如何将滑翔箭头放在滑翔轨道之外
问题描述
我正在尝试用 glide.js 构建一个旋转木马/rondell。我希望左右箭头显示在滑行轨道之外。旋转木马/rondell 应该完全响应。这是一张应该如何的图片。
有人可以帮我吗?
谢谢!
解决方案
您必须自己编写箭头的逻辑,因为 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 文档了解更多信息
推荐阅读
- javascript - 我在创建图像背景幻灯片或轮播时需要帮助
- angular - 如何在 app.component 以外的角度制作模板页面
- node.js - 在 React Url 中传递参数以获取相关数据
- owasp - 如何使用 ZAP 将请求重定向到另一台主机?
- logging - jboss EAP 7 中独立 ha 配置的双日志输出
- scala - Amazon EMR 上的 Spark on Yarn 资源管理:如何利用所有可用内核执行 Spark 作业
- sql - 在 sqlite3 中计算满足特定条件且不重复的单个元素
- python - NLP:将 CountVectorizer 应用于包含特征列表的列
- javascript - 图片不会出现
- css - 如何让我的 css 在 django 中正确呈现?