Scrollbar entfernen wie Überlauf ausgeblendet, muss aber sichtbar sein

Wenn Sie Ihren Browser auf 1000px Breite verkleinern, dann gibt es eine horizontale Scrollbar, gibt es eine Möglichkeit diese über 1000px zu entfernen? Überprüfe meinen Screenendump darunter.Scrollbar entfernen wie Überlauf ausgeblendet, muss aber sichtbar sein

Ich habe einen Clearfix versucht, aber das hat nicht geholfen und versuchte Überlauf: sichtbar;

.clearfix:before, 
.clearfix:after { 
    content: ".";  
    display: block;  
    height: 0;  
    overflow: hidden; 
} 
.clearfix:after {clear: both;} 
.clearfix {zoom: 1;} /* IE < 8 */

Jeder saubere einfache Weg, um dies mit CSS zu beheben?

Quelle

2013-08-22 user123

Ich bekomme nicht die Frage, was meinst du mit "entfernen Sie diese über 1000px"? Die Bildlaufleiste verschwindet automatisch, wenn das Fenster breiter als 1000px wird. –

möglich Duplikat von [große Körperbreite ohne horizontale Bildlaufleiste] (http://stackoverflow.com/questions/15005225/large-body-width-without-horizontal-scrollbar) –

Überprüfen Sie meine screendump, meine Bilder müssen sichtbar sein, aber der scroll muss 1000px breit sein, wenn ich einen browser bei 1020px breit habe, bekomme ich eine scrollbar. Es muss wie Hintergrundbilder sein. Overflow: versteckt wäre normalerweise ok, aber die Bilder müssen sichtbar sein. Overflow versteckt entfernt die Rolle, Overflow sichtbar nicht :( – user123

@media all and (min-width: 1000px) { 
body { 
    margin:0; 
} 
.wrapper { 
    overflow-x: hidden; 
    } 
}

Wenn der Browser mehr als 1000 Pixel breit ist, wird es keinen horizontalen Bildlauf geben.

Quelle

2013-08-22 10:13:14

hmm, dumm habe nicht darüber nachgedacht, es könnte eine Lösung sein. Dank dafür. Immer noch fragen, ob es eine andere Möglichkeit gibt, dies mit CSS zu tun. Es sollte media max-width 1000px sein? Also alle unter 1000px wird dann der Überlauf versteckt gesetzt. – user123

Sie waren richtig, ich habe eine andere Methode verwendet, die ich besser mag, weil ich Überlauf versteckt verwenden kann, wenn ich einen kleinen Browser habe – user123

Ich bin froh, zu helfen. –

Verwenden Sie die Eigenschaft overflow-x, um die horizontale Bildlaufleiste auf div auszublenden, die den horizontalen Bildlauf erzeugt.

Overflow-x:hidden;

EDIT

Wenn Sie 1000px wollen, wo die Schriftrolle nicht kommen sollte, und es kommt immer noch in 1020, ist der Fall, dass Sie eine Polsterung haben/margin wird irgendwo angewendet, wenn diese zusätzlichen Pixel verwendet werden. Sie müssen es entfernen, um Ihr Ding zum Laufen zu bringen.

Quelle

2013-08-22 09:53:45 Nitesh

dann sind die anderen Bilder nicht mehr sichtbar, diese Bilder müssen sichtbar sein, aber geben Sie keine Bildlaufleiste frei – user123

Wenn Sie 1000px wollen, wo die Schriftrolle nicht kommen sollte und es immer noch in 1020 kommt, ist der Fall, dass Sie eine Polsterung/Rand haben irgendwo angewendet, das diese zusätzlichen Pixel verbraucht, du musst es entfernen, damit dein Ding funktioniert.- @marcoverflow – Nitesh

Ich habe es behoben, danke für deine Zeit Nathan – user123

Das einzige, was Sie tun können (was Ihre Seite immer noch zugänglich hält), ist die Breite, auf der die Bildlaufleiste erscheinen soll.

Sie können das beheben, indem Sie eine Mindestbreite für den Körper festlegen.

Fügen Sie diese auf Ihrem Stylesheet:

body { min-width: 1200px; }

Wenn der Browser kleiner als 1200px Größe verändert wird, wird die Bildlaufleiste angezeigt.

Quelle

2013-08-22 10:15:42 LinkinTED

Ich habe entschieden, wenn mein Browser kleiner als 1200px ist, der Überlauf: versteckt; auf Karussell, das 1000px breit ist, kann verwendet werden. Vladislav Stanic wies mich in die richtige Richtung, danke allen.

@media all and (max-width: 1200px) { 
    .carousel { 
     overflow-x: hidden; 
    } 
}

Quelle

2013-08-22 10:32:16 user123

Scrollbar entfernen wie Überlauf ausgeblendet, muss aber sichtbar sein

Antwort

Verwandte Themen