Désactiver le corps de défilement, mais garder la barre de défilement

Comment puis-je désactiver body's de la barre de défilement, mais de la laisser rester visible à l'écran? Comme un exemple, voir le facebook du théâtre de la mode:

Désactiver le corps de défilement, mais garder la barre de défilement

InformationsquelleAutor lucas clemente | 2012-07-04
  1. 17

    C'est le seul CSS vous permettra de ned pour forcer les barres de défilement:

    html{
    overflow-y: scroll;
}

    Les barres de défilement sera désactivé si le contenu est plus petite que la fenêtre, de sorte que vous aurez à utiliser un script pour redimensionner le corps à être au moins 1px moins de la hauteur de la fenêtre:

    $("body").css({ "height" : ($(window).height() - 1) + 'px', "overflow": "hidden" });
    • De ce fait le travail très bien. Cependant, au lieu d'utiliser JS pour définir la hauteur du corps, je trouve ça plus propre pour aller avec les css. Avec un peu de jouer, j'ai trouvé deux options: Appliquer position:fixed; de balise html, avec overflow-y:scroll; Ou, si vous utilisez un cadre qui fait déjà overflow:hidden, à votre balise body (je suppose que la plupart des gens qui ont cherché cette question, parce qu'overflow: hidden; sur le corps), vous pouvez simplement définir la hauteur du corps avec 100vh. N'oubliez pas de supprimer ces styles quand modal est fermé.
    • Bonne prise. Vous shoul ajouter votre propre réponse, donc je peux upvote il.
    • Merci mais je n'ai pas terminé ma solution pour le moment 🙂 je suis en train de les appliquer à une page très longue, donc la plupart du temps, les utilisateurs seront d'abord faites défiler puis ouvrez modal et toutes mes options provoquer une barre de défilement pour être toujours actif, ou faites défiler jusqu'à l'utilisateur de haut, puis désactiver la barre de défilement. J'ai vérifié ce que facebook fait et ils utilisent position fixe plus l'ajout de haut: xxxxx pixels (basé sur la façon dont beaucoup vous avez défile déjà) sur le contenu de l'emballage (pas de corps dans leur cas). Quand je suis en fait j'ajouterai que comme une réponse
    InformationsquelleAutor rcdmk
  2. -4
    overflow-y: scroll;

    Que devrait être ce que vous cherchez.

    • il ne sera pas désactiver la barre de défilement
    • Cela montre juste la barre de défilement toujours, mais n'a pas de désactiver le défilement, n'est ce pas?
    • Oh, je pensais que tu voulais juste de quitter la barre de défilement de là, même si il n'y avait pas assez de contenu sur la page. Comment voulez-vous de défilement si le contenu est plus grand que l'écran du navigateur?
    • Les handicapés de la barre de défilement est qu'un effet secondaire du contenu étant plus petite que la fenêtre.
    • Comment facebook faire cela, alors? Le reste de la page est toujours visible par le dessous de l'obscurité de superposition.
    • réponse ici: stackoverflow.com/questions/8701754/...

    InformationsquelleAutor Chad