Ik zou het scrollen op de HTML body
volledig willen uitschakelen. Ik heb de volgende opties geprobeerd:
overflow: hidden;
(werkt niet, schakelde het scrollen niet uit, het verborg alleen de scrollbar)
position: fixed;
(dit werkte, maar het scrollde volledig naar boven, wat onacceptabel is voor deze specifieke toepassing)
Ik heb geen alternatieven kunnen vinden voor deze twee opties, zijn er nog meer?
HTML css werkt prima als body tag niets doet kun je ook schrijven
<body scroll="no" style="overflow: hidden">
In dit geval zou overriding op de body tag moeten staan, het is makkelijker te controleren maar geeft soms hoofdpijn.
Dit bericht was nuttig, maar ik wil graag een alternatief voorstellen dat anderen kan helpen:
Het instellen van max-height
in plaats van height
doet ook de truc. In mijn geval, ik'm uitschakelen scrollen op basis van een klasse toggle. Het instellen van .someContainer {height: 100%; overflow: hidden;}
wanneer de container's hoogte kleiner is dan die van de viewport zou de container uitrekken, wat niet zou zijn wat je'zou willen. Het instellen van max-height
houdt hier rekening mee, maar als de hoogte van de container's groter is dan die van de viewport's wanneer de inhoud verandert, schakelt het nog steeds het scrollen uit.