Problème CSS : le défilement horizontal (overflow-x:scroll) ne fonctionne pas

J'ai 3 "pages" et je souhaite les faire défiler horizontalement. J'ai réussi à créer une barre de défilement horizontale, mais lorsque je fais défiler vers le haut/bas avec la molette de la souris, rien ne se passe. Voici à quoi ressemble mon conteneur : body.container{width:100%;height:10...

P粉295616170 2024-03-29 16:06:18 0  1  473

Le dégradé d'arrière-plan CSS ne couvre pas la totalité de la page (y compris le contenu défilant)

Je rencontre des problèmes avec un dégradé d'arrière-plan CSS dans un document HTML. J'ai conçu une page qui utilise un dégradé linéaire comme arrière-plan et le place sur l'élément body. Le problème auquel je suis confronté est que le dégradé semble se terminer là où l'écran se termine initialement...

P粉506963842 2023-09-12 13:20:09 0  2  701

Essayez d'ajouter une image d'arrière-plan dans le HTML et le CSS derrière la barre de navigation afin que l'espace n'apparaisse pas lors du défilement

Je ne sais pas comment remplir l'image d'arrière-plan en HTML et CSS sous la barre de navigation et le pied de page. Lorsque je fais défiler la barre de navigation, l'espace n'est qu'un espace vide, je veux qu'il défile sans espace en haut et en bas. Merci! *{box-sizing:border-box;}body,html{margin:...

P粉118698740 2023-09-10 09:12:07 0  2  564

Comment masquer les barres de défilement sur les appareils mobiles ou les émulateurs sans affecter le comportement de défilement dans l'application React ?

Sur mobile, je souhaite que la barre de défilement soit complètement masquée dans toute l'application, mais j'ai besoin que l'utilisateur puisse faire défiler. J'ai essayé d'utiliser CSS scrollbar, scrollbar-thumb, scrollbar-thumb:hover et scrollbar-track pour masquer la barre de défilement et cela ...

P粉208286791 2023-08-17 15:35:56 0  1  618

La barre d'état du condensateur-JS se chevauche dans IOS

J'utilise NuxtJS avec un condensateur. La barre d'état supérieure sur les appareils iOS se chevauche lorsque nous faisons défiler. J'ai également ajouté "ios":{"contentInset":"always"} dans Capacitor.config.json. Bien que j'aie également inclus le CSS, cela crée un espa...

P粉543344381 2023-12-29 16:04:36 0  1  480

Créez une fonction dans Quarto similaire à l'en-tête de tableau fixe dans RMarkdown

J'ai essayé de restituer un en-tête de tableau collant à partir du package table1R dans Quarto, comme je le fais avec succès dans RMarkdown. Cependant, Quarto ne semble pas reconnaître mon fichier .css ou (plus probablement) il me manque quelque chose. J'ai inclus les fichiers CSS avec les .rmd et ....

P粉366946380 2023-08-29 17:12:38 0  1  624

Empêcher scrollIntoView() de faire défiler le conteneur vers le haut de la page

J'essaie de créer un carrousel d'images simple "principalement CSS" qui utilise l'accrochage au défilement mais dispose également de boutons de navigation pour contrôler la diapositive actuellement affichée. La seule solution que j'ai trouvée est d'utiliser scrollIntoView() sur l'élément c...

P粉690200856 2024-03-26 20:25:28 0  1  487

css - La police mobile deviendra plus grande après l'ajout de overflow-y:scroll à la boîte

Après avoir ajouté l'attribut CSS : overflow-y:scroll jusqu'à la case la plus à l'extérieur, lors de sa visualisation sur le simulateur mobile Google, la police deviendra automatiquement plus grande et la mise en page globale sera rem. Supprimez cet attribut et la police sera normale. Je veux savoir...

黄舟 2017-05-16 13:39:31 0  5  1060

javascript - [React Native] Comment gérer la barre de défilement de chaque ListView dans les onglets ?

Le problème a été résolu, c'était un problème de style CSS. . . . Cela n'a rien à voir avec js. . . J'ai inclus une liste dans les onglets, mais lorsque je change d'onglet, les barres de défilement de la liste sont toutes à la même position. . . C'est-à-dire que j'ai fait défiler 100px dans les prem...

伊谢尔伦 2017-06-26 10:58:55 0  1  1115

html5 - HTML ou JS peuvent-ils modifier dynamiquement les attributs .css ?

Par exemple, est-il possible de modifier la valeur de l'attribut *.css ou <style> en fonction du contenu de la valeur d'entrée ? Par exemple : utiliser la balise input:color pour obtenir la valeur de couleur sélectionnée et mettre à jour la couleur de la barre de défilement ? (Cela doi...

伊谢尔伦 2017-05-24 11:36:09 0  2  984

javascript - Comment désactiver l'effet élastique qui apparaît sur Sarafi et IE du côté mobile

Dans le navigateur Safari sur iOS, lorsque la page Web défile vers le haut, vous pouvez faire défiler une autre distance comme un élastique et rebondir après l'avoir relâchée. Cet effet existe également sur les tablettes Windows. S'il vous plaît dites-moi comment utiliser CSS pour désactiver cet eff...

大家讲道理 2017-05-19 10:12:15 0  1  626

Adapter CSS à différentes tailles d'écran : un guide

J'ai ce code CSS et mon problème est qu'en raison du remplissage (un peu d'espace à partir du haut), ma page est trop grande, ce qui fait qu'elle a l'option "défilement" et ne s'adapte pas à tout l'écran. Comment puis-je désactiver l'option de défilement ? *{margin:0;padding:0;}html,body{h...

P粉030479054 2023-09-09 00:05:15 0  1  437

Popup du centre CSS à l'écran, fonctionne sur les ordinateurs et les tablettes mais pas sur les téléphones

Essayez d'utiliser CSS pour afficher une fenêtre contextuelle d'aide au centre de l'écran. Sur mon ordinateur et mon iPad, cela fonctionne bien, mais sur l'iPhone, la fenêtre contextuelle est centrée verticalement dans tout l'espace vertical de défilement, ce qui signifie que je dois parfois faire d...

P粉662802882 2024-03-28 20:02:46 0  1  389

Comment désactiver complètement la fonctionnalité de zoom gestuel du navigateur sur les tablettes

Sur une tablette, grâce à la fonction multi-touch, vous pouvez directement utiliser des gestes pour zoomer et dézoomer. Cependant, j'espère actuellement désactiver cet effet. Cependant, j'ai essayé différentes méthodes mais cela ne semble pas fonctionner. ce zoom est le même que le zoom PC CTRL + mo...

怪我咯 2017-06-30 09:57:23 0  1  1100