Ich möchte den BODY meiner Seite nicht zu sein scrollbar, aber ein DIV innerhalb des BODY sollte scrollbar sein. Ich habe dies in meiner css-Datei:
body {
overflow:hidden
}
.mainSection {
overflow:scroll
}aber es funktioniert nicht und das DIV wird nicht scrollbar (es zeigt nur zwei deaktivierte Scrollbalken für das DIV)!
Sind Sie sicher, dass der Stil für Ihr mainSection Klasse angewandt wird? Sie können ein Tool verwenden wie Web-Entwickler o Firebug (für Firefox), um sicherzustellen, dass der Stil korrekt angewendet wird. Wenn Sie nur eine mainSection haben, sollten Sie eine id anstelle einer Klasse verwenden. Der Tag in html wäre dann <div id="mainSection"> anstelle von <div class="mainSection"> und das css wird #mainSection { ... } anstelle von .mainsection { ... }
Hier ist die ganze Sache gut erklärt
http://www.w3schools.com/css/pr_pos_overflow.asp Sie können experimentieren.
Ich hatte das gleiche Problem schon einmal, aber ich konnte es nur mit overflow: auto; . Probieren Sie es aus und es wird funktionieren.
Aktualisiert
Der vollständige HTML-Code sieht wie folgt aus
<html>
<head>
<title>Test page</title>
<style type="text/css">
#scrollable_div{
overflow: auto;
width: 100px;
height: 100px;
border: solid thin black;
}
</style>
</head>
<body>
<div id="scrollable_div">my div text</div>
</body>Funktioniert perfekt in allen Browsern. Ich habe selbst getestet in Chrome, IE, Safari, Mozilla und Opera
CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.
