So blenden Sie horizontale Bildlaufleisten aus?

Nach der CSS für meinen Körper ist:So blenden Sie horizontale Bildlaufleisten aus?

body{ 
margin: 0px; 
width: 100vw; 
height: 100vh; 
}

ich einige divs haben, die über das Ansichtsfenster auf der rechten Seite erstrecken (es gibt keinen Weg darum herum, das ist nur, wie mein Design ist Setup). Ich möchte die Seite jedoch nicht horizontal scrollen lassen.

Dies ist die jsfiddle für die divs, die über das Ansichtsfenster erstrecken (die roten Streifen sind lang, und die jsfiddle nicht richtig optimiert, so dass ihr nicht genau, wie es in einem vollen Browser-Bildschirm aussieht), https://jsfiddle.net/gxk985kb/

Wie kann ich das horizontale Scrollen überhaupt nicht zulassen?

Quelle

2017-06-18 harsh.gupta

Ja, das ist genau das, was ich brauche –

Mögliches Duplikat von [Versteckt die Bildlaufleiste auf einer HTML-Seite] (https://stackoverflow.com/questions/3296644/hiding-the-scrollbar-on-an-html-page) –

overflow-y: versteckt; –

Versuchen Sie "Überlauf-y: versteckt;" für #designWrapper. Auf diese Weise können Sie den horizontalen Bildlauf entfernen.

Quelle

2017-06-18 00:31:16 DanielaB67

Ja! Vielen Dank. –

<svg style="background-color: #dedede;" fill="red" width="400" height="200"> 
 
\t <path d="M 10 190 L 60 190 L 110 10 L 60 10 Z" /> 
 
\t <path d="M 70 190 L 120 190 L 170 10 L 120 10 Z" /> 
 
\t <path d="M 130 190 L 180 190 L 230 10 L 180 10 Z" /> 
 
\t <path d="M 190 190 L 240 190 L 290 10 L 240 10 Z" /> 
 
</svg>

Ich glaube, Sie Ihr Design mit svg machen sollte. es ist besser geeignet für dieses Design. CSS transform Eigenschaft wird unterstützt von min zB 10 (-ms- ie9).

Quelle

2017-06-18 00:52:56

Ich bin neu in der Webentwicklung, also bin ich mir nicht sicher, was SVG ist, aber ich werde mich definitiv darum kümmern! –

können Sie meinen editierten Beitrag oben überprüfen, um eine Idee für Svg zu bekommen. –

So blenden Sie horizontale Bildlaufleisten aus?

Antwort

Verwandte Themen