小编Ver*_*erm的帖子

嵌入式 iframe 不滚动

我有一个由另一家公司提供的嵌入式 iframe 用于事件注册。

https://casaimports.com/food-expo/attendee-registration/

无论我尝试什么,我都无法使用鼠标滚轮让 iframe 滚动。如果您将光标放在表单上,​​它就不会滚动。如果光标离开 iframe,靠近滚动条,则它可以工作。

提供的原始代码没有设置溢出样式。我添加了它并尝试了溢出:滚动和溢出:自动但无济于事。

这是给我的完整代码:

var userOffset = new Date().getTimezoneOffset();
var uagent = navigator.userAgent.toLowerCase();
var safariLink = document.getElementById("safari-link");
var iFrame = document.getElementById("iframeResizer0");
if (/safari/.test(uagent) && !/chrome/.test(uagent)) {
  safariLink.style.display = "inline";
  safariLink.setAttribute('href', safariLink.getAttribute('href') + '&Offset=' + userOffset);
  iFrame.style.display = "none";
  document.getElementById("iframe-loading").style.display = "none";
} else {
  safariLink.style.display = "none";
  iFrame.style.display = "inline";
  iFrame.setAttribute('src', iFrame.getAttribute('src') + '&Offset=' + userOffset);
}
iFrameResize({
  autoResize: false,
  log: true, // Enable console logging
  enablePublicMethods: true, // Enable methods within iframe hosted …
Run Code Online (Sandbox Code Playgroud)

html javascript css iframe

5
推荐指数
1
解决办法
3454
查看次数

标签 统计

css ×1

html ×1

iframe ×1

javascript ×1