CSS Page Position Numéro

Sur mon site Web https://www.hcldesign.co.uk/ vous pouvez voir que j'ai une bannière supérieure. Cette bannière a un bouton disant «voir l'exemple de site Web» et lorsque vous appuyez dessus, cela change l'image de la diapositive. Maintenant, cela provoque aussi un étrange problème de position de l'écran avec ma barre de navigation et ma section contenu/corps. Lorsque vous cliquez sur le bouton, vous pouvez voir un espace apparaît sur la gauche du corps et pousse le contenu vers la droite de quelques pixels, puis retourne en arrière. La position de la barre de navigation est également la même lorsque vous cliquez sur le bouton du curseur/bannière.CSS Page Position Numéro

J'ai essayé de jouer avec le code de position de certains éléments, mais je n'arrive pas à le résoudre.

J'ai besoin de garder le contenu de la page dans la même position lorsque le bouton est cliqué.

Source

2017-09-14 Harvey

questions visant à obtenir l'aide de code doit inclure le code le plus court nécessaire pour reproduire ** dans la question ** de préférence dans un ** Stack ** Snippet. Bien que vous ayez fourni un lien, s'il devenait invalide, votre question n'aurait aucune valeur pour les autres futurs utilisateurs de SO ayant le même problème. Voir [** Quelque chose dans mon site Web ne fonctionne pas, puis-je simplement coller un lien **] (http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project- doesnt-work-can-i-just-coller-un-link-to-it). –

@Paulie_D a raison. Néanmoins, j'ai trouvé une solution à votre problème. – andreas

Bonjour, je m'excuse pour le format de la question, je n'ai vraiment pas vu quel code je pourrais ajouter à la question qui serait utile que je connaissais. Mais merci votre solution fonctionne très bien! – Harvey

Son causé par cette règle CSS:

.ls-overflow-hidden { 
    overflow: hidden; 
}

Cette classe est ajouté à votre élément <body> en cliquant sur « voir l'exemple de site ». Changez la valeur en overflow: auto; et le problème devrait disparaître.

Source

2017-09-14 10:50:42 andreas

Pourquoi la downvote? – andreas

-1

En cliquant sur le bouton du curseur, la classe .ls-overflow-hidden est ajoutée au corps. Vous pouvez le fixer par la règle css

body.ls-overflow-hidden { 
    overflow: auto; 
}

Source

2017-09-14 10:53:36 Sayan

En quoi cette réponse est-elle différente de la mienne? – andreas

Je n'ai pas dit que ta réponse était fausse. La seule chose est que ls-overflow-hidden peut être une classe générique qui aurait pu être utilisée ailleurs, l'utiliser sans la balise body peut aussi changer son utilisation ailleurs. – Sayan

Ok, bien sûr. Mais cela aurait été un commentaire, pas une réponse copiée ... Merci pour l'indice de toute façon. – andreas

CSS Page Position Numéro

Répondre

Questions connexes