Kann man mit CSS die Bildlaufleiste ausblenden? Wie würden Sie dies tun?
Antworten
Zu viele Anzeigen?
Rounin - Standing with Ukraine
Punkte
23991
Kann man mit CSS die Bildlaufleiste ausblenden? Wie würden Sie dies tun?
Wenn Sie vertikale (und horizontale) Bildlaufleisten aus einem Browser-Ansichtsfenster entfernen möchten, fügen Sie hinzu:
style="position: fixed;"zum <body> Element.
Javascript:
document.body.style.position = 'fixed';CSS:
body {
position: fixed;
}
rya brody
Punkte
146
Zusätzlich zur Antwort von Peter:
Wenn Sie die Bildlaufleiste aus einem Iframe entfernen möchten, müssen Sie die Stile zum Entfernen der Bildlaufleiste in der Website hinzufügen, die als Iframe dargestellt wird. Es ist nicht möglich, Elemente innerhalb eines iframe zu gestalten, einschließlich der Bildlaufleiste.
Website, die einen iframe enthält:
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<body>
<iframe src="/iframe"></iframe>
</body>
</html> Website, die iframed ist:
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<style>
html, body {
margin: 0;
padding: 0
}
.content {
scrollbar-width: none;
}
.content::-webkit-scrollbar {
display: none;
}
.content {
height: 100vh;
overflow: scroll;
}
</style>
<body>
<div class="content">
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</div>
</body>
</html>- See previous answers
- Weitere Antworten anzeigen
5 Stimmen
@UweKeim, es gibt keinen Trick für IE11