Internet Explorer 11忽略

bob0the0mighty

我在一个网站上工作,而IE 11的运行状况不佳。

我正在使用Bootstrap词缀将导航栏粘贴到页面顶部的某个位置。

我也有一些指向页面各个部分的锚链接。橙色的基本信息是锚点。

这是该区域从顶部看起来的样子

如果在导航固定到位之前访问了这些链接之一,则IE滚动到锚点正下方。锚点实际上不在屏幕上。

这是一个糟糕的锚点跟踪,该锚点实际上不在屏幕上

如果在修复导航后访问链接,则没有问题。实际的锚点在导航之下,但是视觉效果是所期望的。

这就是我要的

我在Firefox中遇到了类似的问题,但在Chrome中却没有。下面的JavaScript解决了Firefox的问题。

$( '#' + page + ' a' ).click( function ( e ) {
  window.location.hash = $( this ).data( 'target' );
  window.location.hash = $( this ).data( 'target' );
} );

我也可以在FF中使用其他方法,例如scrollTo,scrollBy,scrollToAnchor,window.location,...

这些都不适用于IE 11。

bob0the0mighty

该问题是由使用空div作为锚点引起的。放置一个 或其他空格字符可以解决此问题。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章