我正在开发一个网络应用程序,它将在iOS设备上使用,也可以在Despite(无触摸)上使用。我们正在使用一个 Bootstrap 来使网站尽可能地响应。
我们希望整合iOS中已知的旋转轮。我们将以不同的方式设计它,但不是功能。
的数据
经过一番搜索,我发现了这个网站:http://cubiq.org/spinning-wheel
然而,这个脚本似乎只适用于触摸功能的设备。是否有可能编辑脚本,使它也适用于桌面?
我在脚本中发现了这个,我可以在这里添加鼠标点击吗?
handleEvent: function (e) {
console.log(e.type);
if (e.type == 'touchstart') {
this.lockScreen(e);
if (e.currentTarget.id == 'sw-cancel' || e.currentTarget.id == 'sw-done') {
this.tapDown(e);
} else if (e.currentTarget.id == 'sw-frame') {
this.scrollStart(e);
}
} else if (e.type == 'touchmove') {
this.lockScreen(e);
if (e.currentTarget.id == 'sw-cancel' || e.currentTarget.id == 'sw-done') {
this.tapCancel(e);
} else if (e.currentTarget.id == 'sw-frame') {
this.scrollMove(e);
}
} else if (e.type == 'touchend') {
if (e.currentTarget.id == 'sw-cancel' || e.currentTarget.id == 'sw-done') {
this.tapUp(e);
} else if (e.currentTarget.id == 'sw-frame') {
this.scrollEnd(e);
}
} else if (e.type == 'webkitTransitionEnd') {
if (e.target.id == 'sw-wrapper') {
this.destroy();
} else {
this.backWithinBoundaries(e);
}
} else if (e.type == 'orientationchange') {
this.onOrientationChange(e);
} else if (e.type == 'scroll') {
this.onScroll(e);
}
},
字符串
2条答案
按热度按时间ekqde3dh1#
您可以尝试使用
drag
事件,但它们不受支持。查看this MDN article和this one,了解有关事件的更多解释。您也可以尝试使用jQuery,例如this plugin。祝您好运!bsxbgnwa2#
对于每个在2023年寻找很酷的滚动捕捉效果的人来说-有一个scroll-snap-* CSS属性:https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-snap-type。对于示例和顺风css用户-https://tailwindcss.com/docs/scroll-snap-type