我在一个网站上工作,而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。
该问题是由使用空div作为锚点引起的。放置一个
或其他空格字符可以解决此问题。
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句