<style type="text/css">
body,html {
overflow:hidden;
}
</style>
Kan man på något sätt få tillbaka scrollen genom en JS-funktion?
4 svar · 573 visningar · startad av learn
<style type="text/css">
body,html {
overflow:hidden;
}
</style>
Kan man på något sätt få tillbaka scrollen genom en JS-funktion?
Visst, menar du så här?
<HTML>
<head>
<style type=text/css>
body {overflow:hidden}
</style>
<script language="JavaScript">
function hidden()
{document.body.style.overflow='hidden'; }
function unhidden()
{document.body.style.overflow='scroll'; }
</script>
</head>
<BODY bgcolor=green>
<a href="#" onclick="unhidden()">Visa</a>
<br>
<a href="#" onclick="hidden()">Dölj</a>
</BODY>
</HTML>
Jo, och det är också så jag har gjort utan att det fungerat, men nu upptäckte jag varför. Det var <html> som fick en scroll, varpå den inte påverkades av funktionen.
Kan man ändra värdena på html genom JS?
tja, kanske:
document.getElementsByTagName('html')[0].style = 'background-color: red;';
eller
document.getElementsByTagName('html')[0].className = 'bgred';
(jag vet att det inte var röd bakgrund du sökte, men du förstår förhoppningsvis principen)
OK! Ska testa senare. Tack!