0

ここに見られるように、Zurb Foundation を使用して単純なタブを作成しています。

すべてうまく機能しますが、最初に別のタブをクリックすると、ブラウザからのビューが変わります。上に移動するようです。リンクのように機能し、アンカータグで移動すると思います。その後のクリックでは、それは行われません。

これが私のコードです:

<dl class="tabs">
  <dd class="active"><a href="#simple1">Overview</a></dd>
  <dd><a href="#simple2">Location</a></dd>
  <dd><a href="#simple2">Features</a></dd>
  <dd><a href="#simple2">Reviews</a></dd>
  <dd><a href="#simple2">Promotions</a></dd>
  <dd><a href="#simple2">T&amp;C's</a></dd>
</dl>
<ul class="tabs-content">
  <li class="active" id="simple1Tab">
...
  </li>
...
</ul>
4

2 に答える 2

1

ビューの高さのサイズの変更が原因であると思われます。タブの高さの違いが原因のようでした。これは別のスクリプトで見つけたハックでしたが、うまくいきました

/* 'Prevents Jumping Javascript Effect on Tabs and Sorter' */ html, body {
    height: 100%;
    margin: 0 0 1px;
    padding: 0;
}
于 2012-11-23T06:06:56.560 に答える
1

ハッシュタグとURLの末尾を追加すると、ブラウザが「時々」トップに移動します.URLにjavascriptを使用することが解決策になる可能性がありますか?

于 2012-11-22T07:28:56.020 に答える