您可以使用JavaScript中的Intersection Observer API来实现当页面放大或缩小时触发的效果。以下是一个示例代码:
HTML部分:
JavaScript部分:
// 创建一个 Intersection Observer 对象
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => {
// 当目标元素进入或离开视窗时触发
if (entry.intersectionRatio > 0) {
// 放大页面时的触发逻辑
console.log('页面放大了');
} else {
// 缩小页面时的触发逻辑
console.log('页面缩小了');
}
});
});
// 监听目标元素
const target = document.getElementById('target');
observer.observe(target);
在上述代码中,我们创建了一个Intersection Observer对象,并通过observe方法监听了目标元素。当目标元素进入或离开视窗时,会通过Intersection Observer的回调函数触发相应的逻辑操作。
您可以根据需要修改放大或缩小页面时的触发逻辑,例如更改console.log为其他操作。