2

これがなぜなのか理解できません。この問題は、私がテストしたAndroidデバイスでは発生しませんが、iPhoneまたはiPod touchでメニューバーをクリックすると、さまざまなサイズでけいれんします。

http://christianselig.com

4

1 に答える 1

1

要素にトランジションが設定されています.menu-bar。何が起こっているのかは、単にスナップするのではなく、ブラウザによってサイズが変更され、新しいサイズに移行していることだと思います。

トランジションを置き換えるだけです。

transition: 0.6 ease

移行するプロパティのスコープを設定するものを使用すると、次のようになります。

transition: box-shadow 0.6 ease

これで修正されるはずですが、ページの読み込み時に問題が発生するため、テストするのは困難です。

編集：私は正しい軌道に乗って、間違った場所にいました。アンカーのトランジションをスコープすることでそれが可能になります。たとえば、http：//coffeepowered.net/projects/Christian%20Selig.htmを参照してください。

.menu-bar a {
    color: #555;
    padding: 5px 8px 7px 8px;
    text-decoration: none;
    -webkit-transition: -webkit-box-shadow 0.1s ease;
    transition: box-shadow 0.1s ease;
}
于 2012-10-13T20:02:20.350 に答える