2016-07-30 27 views
0

Scrolling innerhalb eines div

<html> 
 
    <head> 
 
    <script src="js/jquery-1_9_1_js.js"></script> 
 
     <script> 
 
     $(function() { 
 
      $("#mainDiv").load("two.php"); 
 
     }); 
 
    </script> 
 
</head> 
 

 
<body> 
 
<div class="main" id="mainDiv"></div> 
 
</body> 
 
</html>

Hallo, habe ich über Code in one.php. Es lädt Daten aus two.php in mainDiv. Der Inhalt von two.php überlappt sich mit dem div und nicht mit dem Scrolling innerhalb des div in one.php. Bitte helfen Sie mir, ein Skript/einen Code einzufügen, der den Inhalt von mainDiv durchblättert, anstatt sich zu überlappen.

+0

hinzufügen 'Überlauf: auto' und eine max/feste Höhe zu' div' – LGSon

Antwort

1

versuchen Sie dies:

<div id="" style="overflow-y: scroll; height:'your height';"> 
+0

ich ein anderes Problem haben, ich Ich möchte, dass der Inhalt meiner mainDiv automatisch in der one.php aktualisiert wird, sobald ich die Änderungen in two.php speichere. Wie kann dies erreicht werden? Bitte helfen Sie. – kkambi

0
<script type="text/javascript"> 
$(document).ready(function(){ 
    refreshTable(); 
}); 

function refreshTable(){ 
    $('#mainDiv').load('home.php', function(){ 
     setTimeout(refreshTable, 5000); 
    }); 
} 
</script> 

es wird alle 5 Sekunden aktualisiert

+0

Danke Jasir alwafaa, ich habe es. Es klappt! Danke .. Jetzt möchte ich das Div nach oben scrollen, wenn neue Daten eingegeben werden, wie kann ich das erreichen? – kkambi