【问题标题】:Bugged CSS Scroll错误的 CSS 滚动
【发布时间】:2023-03-24 00:16:01
【问题描述】:

As you can see on this page,将鼠标悬停在产品图片上:

有一个盒子出现并有一个滚动条。 出于某种原因,卷轴会立即向上跳跃。

有什么建议吗?

如果有来自 JavaScript 的干扰,找到它的最佳方法是什么?

我对这里的这条线有疑问,这可能是问题所在吗? (IE 那里报错,因为没有创建mveditbox

if(browserName == "Netscape"){
  (...)
}else{
  var stop = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
  window.onscroll=mveditbox;
}

【问题讨论】:

  • 尝试制作一个显示相同行为的最小示例并将其放入 jsFiddle 中。挖掘所有代码需要大量工作。
  • 似乎有什么东西在半秒后迫使滚动条上升。

标签: javascript html css internet-explorer scroll


【解决方案1】:

我认为您需要在对打开模式的 javascript 的调用中添加 return false;

我看不清楚对它的调用,你可能想把它放在一个 JsFiddle 中,但如果它是这样的调用:

<a id="product pic" href="#" onclick="modal();">

你需要改成这个

<a id="product pic" href="#" onclick="modal(); return false;">

但是,如果你想为文档中的所有鼠标悬停更改它,你可以尝试添加这个 jquery

document.getElementById('YOURPRODUCTPIC').addEventListener('mouseover',function YOURMODALFUNCTION(){/*do stuff here*/}, false);

【讨论】:

  • @raff 代码如下:html:onmouseover="quick({$product.product_id},{$i});disp({$product.product_id},{$i});return false;" onmouseout="hide({$product.product_id},{$i});return false;"
  • js: function disp(id,val){ var ele = document.getElementById("div"+val); var top = 0; var left = 0; while(ele.tagName != "BODY") { top += ele.offsetTop; left += ele.offsetLeft; ele = ele.offsetParent; }
猜你喜欢
  • 1970-01-01
  • 2017-12-25
  • 1970-01-01
  • 2012-02-23
  • 2018-03-03
  • 1970-01-01
  • 2019-05-07
  • 2021-03-01
  • 2018-05-05
相关资源
最近更新 更多