Bootstrap iOS Spinning Wheel HTML5

j8ag8udp  于 12个月前  发布在  Bootstrap
关注(0)|答案(2)|浏览(133)

我正在开发一个网络应用程序,它将在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);
        }
    },

字符串

ekqde3dh

ekqde3dh1#

您可以尝试使用drag事件,但它们不受支持。查看this MDN articlethis one,了解有关事件的更多解释。您也可以尝试使用jQuery,例如this plugin。祝您好运!

bsxbgnwa

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

相关问题