gpt4 book ai didi

javascript - Turn.js 左右滑动转动

转载 作者:行者123 更新时间:2023-12-03 06:28:38 31 4
gpt4 key购买 nike

我在 Ionic2 项目中使用 turn.js ,当用户从左向右或从右向左滑动页面时需要翻转。如何在滑动时触发转弯?

文件.ts

ngAfterViewInit() {
var winWidth = window.innerWidth;
var winHeight = window.innerHeight;

console.log(winWidth,winHeight);

jQuery("#flipbook").turn({
width: winWidth,
height: winHeight,
display:'single',
zoom: 0,
turnCorners: "bl,br,tl,tr,l.r"
});
}

最佳答案

绑定(bind)jquery的swipeleft和swiperight事件并调用turnjs上的turn方法。

jQuery( window ).on( "swipeleft", function( event ) { 
$('#flipbook').turn('next');
} );


jQuery( window ).on( "swiperight", function( event ) {
$('#flipbook').turn('previous');
} );

关于javascript - Turn.js 左右滑动转动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38530318/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com