我想在某一页使用这个阈值判断,当这一页翻转程度达到70%时在控制台输出111,这一页时一个硬纸板的样式
时间: 2024-04-15 15:28:47 浏览: 108
要在特定页面上使用阈值判断,并在翻转程度达到70%时在控制台输出111,可以使用以下步骤:
1. 首先,确保你已经引入了turn.js库,并创建了页面翻转的实例。
2. 在页面翻转的初始化代码中,找到对应的页面(硬纸板页)的配置项。
3. 在该配置项中,添加一个`onEnd`回调函数来处理页面翻转完成后的操作。
4. 在回调函数中,获取当前页面的翻转程度,并根据阈值判断是否达到70%。
5. 如果达到70%,则在控制台输出111。
以下是示例代码:
```javascript
$("#flipbook").turn({
// turn.js的初始化配置项
// ...
// 针对硬纸板页的配置项
pages: [
// ...
{
// 硬纸板页的配置项
// ...
// 当页面翻转完成后的回调函数
onEnd: function() {
var currentPage = $(this);
var flipPercent = currentPage.data().f;
if (flipPercent >= 0.7) {
console.log(111);
}
}
},
// ...
]
});
```
请注意,示例代码中的`$("#flipbook")`是指向你的翻页容器的选择器,请根据你实际的HTML结构进行调整。另外,确保你已经根据需要配置了其他turn.js的相关选项。
阅读全文