IE11でcssのzoomを記述した際、ページ内遷移後に上にスクロールできなくなる

Question

下記のように、コンテンツをcssのzoomで縮小しています。

<div class="contents">
  <ul>
   <li><a href="#sec-01">コンテンツ1</a></li>
   <li><a href="#sec-02">コンテンツ2</a></li>
  </ul>
  <div class="mainContent">
    <div id="sec-01">
      コンテンツ1内容
    </div>
    <div id="sec-02">
      コンテンツ2内容
    </div>
  </div>
</div>

.contents {
	zoom: 90%;
	-ms-zoom: 90%;
}
/*IE11で表示位置がずれるため、力業で中央に*/
@media all and (-ms-high-contrast: none) {
.contents {
	margin-left: 50%;
	transform: translateX(-50%);
	overflow: hidden;
	-ms-transform-origin: 0px 0px;
	transform-origin: 0px 0px;
}
}

IE11でページ内リンクボタンを押下すると、遷移後上にスクロールできなくなってしまうので、
通常通り上にスクロールできるようにしたいです。

ページトップボタンを設置しているのですが、こちらは正常に動作しており、押すとページ上部まで戻ります。
他ブラウザでは正常に動くので、IE11だけのバグかと思うのですが、何か解決方法はございますでしょうか。

よろしくお願いいたします。

Comments

[x_x]

提示コードではスクロールできなくなってしまう現象が見られなかったので、何か足りないかもしれません。