Jak pozbyć się paska przewijania w ogóle, jeżeli element div pojawia się z prawej strony przeglądarki ?

Question

---

Czy jest możliwe pozbycie się pojawiającego się na chwilę poziomego paska przewijania w momencie, kiedy wysuwa się obiekt z prawej strony przeglądarki ? (zaznaczam, że strona jest width:100%)

Answer 1

Po prostu daj overflow-x: hidden; dla body

Answer 2

Może to być spowodowane przez kilka czynników. Zgaduję że strona posiada jakiś margines który zwiększa jego szerokość.

Aby pozbyć się problemów z marginesem możesz zastosować

body {
    margin: 0;
    padding: 0;
    /* Lub możesz sposób dodawania paddingu od wnętrza elementu poprzez */
    box-sizing: border-box;
    
    overflow-warp: break-word; /* Jeśli masz tekst wychodzący poza stronę */
}

Jeżeli dalej posiadasz taki problem, możesz zostawać ukrywanie elementów poza body poprzez

body {
    overflow-x: hidden;
}

Minusem jest "ucinanie" widoku elementu.

Comments

 overflow-wrap: break-word;

@ThePolishPPK, nie "overflow-warp", tylko "overflow-wrap", pomyliłeś się chyba, nie?