Question

我接管了一个Web项目，并且使用了许多库。 jQuery，javascript，bootstrap，d3等。

我遇到了一些IE问题，因为该网站应该针对Chrome和IE进行了优化。对于客户端来说，一个值得注意的大问题是“返回顶部”按钮在IE中不起作用，我不知道为什么。我使用了几种不同的技术，它们都可以独立工作，但不能在我的环境中工作。我的问题是如何正确解决此问题。我知道这不是浏览器问题，因为“回到顶部”在IE独立版本中工作正常。有一个简单的解决方案吗？我从哪里开始？

这是我的代码：

priceDecoder : Decode.Decoder String
priceDecoder = 
    Decode.field "data" Decode.list

在此处查看：fiddle

Answer 1

应该显示和隐藏按钮的代码如下：

//Scroll To Top Function
// When the user scrolls down 20px from the top of the document, show the button
window.onscroll = function() {
  scrollFunction()
};

function scrollFunction() {
  if (document.body.scrollTop > 1040 || document.documentElement.scrollTop > 1040) {
    document.getElementById("myBtn").style.display = "block";
  } else {
    document.getElementById("myBtn").style.display = "none";
  }
};

但是，在IE中，document.body.scrollTop和document.documentElement.scrollTop都始终返回0，因此条件永远不会为真。

您必须找到适合您的IE版本的正确条件

您如何解决脚本库冲突？

1 个答案: