Internet Explorer 11忽略

Question

我在一个网站上工作，而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。

Answer 1

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