当文档中有大量图片时,有快捷调整页面宽度的需求。请问,能否将下面的这个设置,增加一个功能,Ctrl+ 鼠标滚轮调整页面宽度?Word、PDF 阅读器、浏览器等都有这个功能,很方便。谢谢!
使用 ChatGPT 生成了如下代码,实现了 Ctrl+ 鼠标滚轮临时调整页面宽度的功能,切换页面后,缩放失效,自动恢复成原宽度。
//Ctrl+鼠标滚轮临时调整页面宽度
document.addEventListener('wheel', function(event) {
if (event.ctrlKey) {
if (event.deltaY > 0) {
// 向上滚动,减小padding
document.querySelectorAll('.protyle-wysiwyg.protyle-wysiwyg--attr').forEach(function(element) {
element.style.paddingLeft = (parseInt(element.style.paddingLeft) + 50) + 'px';
element.style.paddingRight = (parseInt(element.style.paddingRight) + 50) + 'px';
});
} else {
// 向下滚动,增加padding
document.querySelectorAll('.protyle-wysiwyg.protyle-wysiwyg--attr').forEach(function(element) {
element.style.paddingLeft = (parseInt(element.style.paddingLeft) - 50) + 'px';
element.style.paddingRight = (parseInt(element.style.paddingRight) - 50) + 'px';
});
}
}
});
欢迎来到这里!
我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。
注册 关于