Moodle书籍模块中iframe-resizer锚点跳转失效求助

从日志输出能看到，iframeResizer已经正确接收并处理了锚点跳转请求，甚至计算出了目标滚动位置，但页面没有响应——核心原因大概率是Moodle书籍模块的滚动区域并非window本身，而是页面内的某个容器元素，iframeResizer默认调用window.scrollTo自然不会生效。

解决步骤： #

1. 定位Moodle的滚动容器
   打开浏览器开发者工具，找到书籍内容所在的滚动容器（通常是带有overflow: auto/scroll样式的div，类名可能是.book_content或类似，具体可通过元素检查确认）。

2. 自定义iframeResizer的滚动逻辑
   修改初始化代码，添加scrollTo回调，让滚动操作作用于正确的容器：

   iFrameResize({ 
       log: true, 
       inPageLinks: true,
       scrollTo: function(x, y) {
           // 替换成你找到的滚动容器选择器
           const scrollContainer = document.querySelector('.book_content');
           if (scrollContainer) {
               scrollContainer.scrollTo({
                   left: x,
                   top: y,
                   behavior: 'smooth' // 可选，开启平滑滚动
               });
           } else {
               // 找不到容器时回退到window滚动
               window.scrollTo(x, y);
           }
       }
   }, '#myIframe');
   

3. 额外检查项

   • 确认iframe内的锚点链接与目标元素匹配：链接是<a href="#declare">，目标元素必须有id="declare"。
   • 确保iframe与主页面同域（你的场景是localhost，无跨域问题）。
   • 升级iframeResizer到最新版本，规避旧版本的兼容性bug。

内容的提问来源于stack exchange，提问作者rav_kom