Stellen Sie einfach sicher, dass Sie auch bei diesen Elementen den Rand und den Innenabstand auf Null setzen (normalerweise bei jedem Reset oder jeder Normalisierung).
html, body {
height: 100%;
overflow: hidden;
}Bounce-Scroll in Lion verhindern
Chris Coyier am
Als Lion-Benutzer, tun Sie das bitte nicht auf Ihrer Website. Nehmen Sie mir nicht meinen Spaß am Bouncen..
Ich stimme zu, ich mag Bouncing-Scrolling. Wenn es Ihnen nichts ausmacht, lassen Sie es.
Was? Nein, weg damit. An welchem Punkt brauchte der Benutzer ein dummes, überflüssiges Bouncing, um zu erfahren, dass er am Ende einer Seite angekommen ist? Sicherlich reicht die Tatsache, dass das Scrollen aufgehört hat, aus.
Es tut mir leid, aber dieser Code blendet alles aus, was sich außerhalb des sichtbaren Grundrechtecks befindet. Mit anderen Worten, dieser Code verhindert das Scrollen vollständig...
Und ich stimme zu, Bounce-Scroll ist abscheulich und wirklich nutzlos. Ich würde es als iPad-Benutzer gerne deaktivieren...
Ich stehe hinter diesem CSS-Snippet. Die Bounces können bei einigen Elementen Probleme verursachen, da der Bounce-Bereich als Teil des Dokuments behandelt wird... außerdem stelle ich oft fest, dass Ihr schönes, sanftes Momentum-Scrollen plötzlich zu ruckartiger, schlechter Bildratenwiedergabe wird, wenn es zum Stillstand kommt. Ein solider Stopp ist in Ordnung!
Nun, es könnte Sinn ergeben, wenn Bounce-Scrolling nicht Teil der gängigen Benutzererfahrung von OS X / iOS wäre. Sie möchten, dass Ihre Website so scrollt, wie Sie es gewohnt sind, aber der Benutzer möchte tatsächlich, dass sie sich so verhält, wie er es gewohnt ist.
Wenn Sie «sich von der Masse abheben», indem Sie Ihre Website anders scrollen lassen, wird der Benutzer dies irgendwann bemerken.
Aber wird er es mögen?
Das erinnert mich an die schreckliche Benutzererfahrung unter Windows®, wo die Hälfte der Apps in ihrem eigenen schicken Stil gebrandet ist.
Es ist vielleicht keine gute UX, aber in einigen Fällen muss man das Bouncy-Scrolling wirklich loswerden.
Aber wie können wir es loswerden, ohne die Scrollbalken zu verstecken?
funktioniert
Dieses Snippet ist nicht dazu gedacht, das Bouncing von Scrollvorgängen insgesamt zu deaktivieren.
Grundsätzlich wird Mac auf allem bouncen, was das Potenzial zum Scrollen hat (soweit ich weiß).
Dieses kleine Snippet soll das Bouncing von nicht scrollbaren Seiten verhindern.
In diesem Fall ist es eine schlechte Benutzeroberfläche für die App, zu bouncen, obwohl man nicht durch sie scrollen kann.
Das liegt daran, dass das Element zwar keine Scrollleiste hat, aber potenziell scrollbar ist, daher gibt Mac ihm einen Bounce-Effekt.