IE10 zatrzymaj pasek przewijania przed pojawianiem się nad treścią i znikaniem

Jeśli wejdziesz na dowolną stronę z zawartością, która powoduje pionowy pasek przewijania w ie10 (desktop), taki jak http://www.buildwindows.com / zauważysz, że pasek przewijania pojawia się tylko po najechaniu kursorem na okno.

Czy w ogóle jest wymuszanie, aby pasek przewijania zawsze się wyświetlał? Obawiam się, że to sprawia, że mniej oczywiste jest, że jest więcej treści na dole strony.

Thanks

Author: user1010892, 2013-05-30
Source

5 answers

Istnieje niestandardowa właściwość CSS z prefiksem dostawcy do Ustawienia: 

html {
   -ms-overflow-style: scrollbar;
}

Inne opcje obejmują auto, none, scrollbar, i -ms-autohiding-scrollbar. To ostatnie powoduje zachowanie, którego doświadczasz.

Fragment dokumentacji MSDN, w szczególności powyższej scrollbar wartości:

Wskazuje, że element wyświetla klasyczne sterowanie typu scrollbar, gdy jego zawartość jest przepełniona.

W przeciwieństwie do -ms-autohiding-scrollbar, scrollbars na elementach z właściwością -ms-overflow-style ustawioną na scrollbar zawsze pojawiają się na ekranie i nie znikają, gdy element jest nieaktywny.

 126
Author: Pedro Lopes,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2014-11-05 10:57:39

Powinno to załatwić sprawę, Zapytanie o media zapobiegnie zniknięciu przewijania, gdy ekran jest większy niż 992px. (Zakładam, że urządzenie Windows mobile potrzebuje tego do ukrycia paska przewijania. dlatego zrobiłem zapytanie medialne).

@-ms-viewport {
  width: device-width;  
}
@media (min-width: 992px) {
  @-ms-viewport {
    width: auto !important;
  }
}
 3
Author: Cstyves,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-04-14 14:48:25

Styl css

overflow-y:scroll;

Spowoduje, że element, dla którego jest ustawiony będzie miał zawsze pionowy pasek przewijania

 1
Author: Patrick Evans,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-05-30 08:56:10

Dodałem to do elementu html, tj. html{-ms-overflow-style: scrollbar;} i zadziałało.

 1
Author: Arvind Sisara,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-05-27 11:14:33

Dodanie tego META-tagu działa: 

<meta http-equiv="X-UA-Compatible" content="IE=9">
 -3
Author: ready24it,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-06-25 10:06:42