Negative Absolute Positionierung, Entfernen Scrollbar

StackOverflow https://stackoverflow.com/questions/1925826

  •  20-09-2019
  •  | 
  •  

Frage

Ich bin auf dieser Seite arbeiten: http://waterwing.waterwing.ca/

In der oberen rechten Ecke Animation ist perfekt mit Ausnahme, dass es eine horizontale Scrollbar mit der Art und Weise schafft es positioniert ist.

Es ist absolut -120px oben und rechts positioniert. Ich frage mich nur, wie ich es machen kann, damit es nicht den Körper erstrecken, und sie verstecken sich nur einmal den Rand der Seite trifft, so dass es keine Scrollbar ist.

Die Scrollbar scheint nicht, dass es unter Windows Firefox zu sein, aber ist es auf Mac Firefox und Safari.

Danke, Wade

War es hilfreich?

Lösung

Wickel #corner in einem anderen div und setzen Sie ihn besetzt der Dimension durch den Endpunkt der Animation sowie Position absolut. stellen Sie den Überlauf auf dieser div zu versteckt, dass es von Blutungen aus der Seite halten und das Auslösen die Schriftrolle.

Andere Tipps

Sie können auch setzen overflow: hidden nur auf den Körper, funktioniert auf die gleiche Art und Weise und spart Ihnen eine div

Je nach Ihrer Situation, aber Sie können Bildlaufleisten für ein div oder für die gesamte Seite zu bekommen. Wenn ein ansprechendes Website-Layout erstellen, ich diese CSS immer schreiben: 

body {
    overflow-x: hidden;
}

und dies verhindert Bildlaufleisten erscheinen, Cross-Browser und Cross-Device.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top