我在Ionic2项目中使用turn.js
,当用户从左向右滑动或从右向左滑动时需要翻转。滑动时如何触发转弯?
file.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"
});
}
最佳答案
绑定到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/