7
Vorlage auf einer PHP-Seite nicht Scrollen.
Hallo,
Ich hab da mal ne Frage.
Ich habe in PHP eine Site gemacht die mir aus einer MSSQL DB daten ausgibt.
Die Site besteht aus einer Vorlage und aus einer Normalen Seite.
Wenn jetzt sehr viele Daten kommen dann gibt es mehrere Seiten also muß man
am Scroll z.B. weiterscollen. Dabei bewegt sich dann aber die ganze Seite.
Gibt es da was wo mir z.B. die Vorlage also bei mir das Inhaltsverzeichnis das
habe ich auf der Vorlage drauf habe stehen bleibt wenn man mit der Seite nach unten
scrollt?
Danke.
Helmut
Ich hab da mal ne Frage.
Ich habe in PHP eine Site gemacht die mir aus einer MSSQL DB daten ausgibt.
Die Site besteht aus einer Vorlage und aus einer Normalen Seite.
Wenn jetzt sehr viele Daten kommen dann gibt es mehrere Seiten also muß man
am Scroll z.B. weiterscollen. Dabei bewegt sich dann aber die ganze Seite.
Gibt es da was wo mir z.B. die Vorlage also bei mir das Inhaltsverzeichnis das
habe ich auf der Vorlage drauf habe stehen bleibt wenn man mit der Seite nach unten
scrollt?
Danke.
Helmut
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 127366
Url: https://administrator.de/contentid/127366
Ausgedruckt am: 22.11.2024 um 14:11 Uhr
7 Kommentare
Neuester Kommentar
Du könntes zb ein Frame Bereich definieren der dann nur scrollt mit den Ausgegeben Daten.
Ist aber mehr HTML Bereich
Oder halt die Ausgabe auf X Zeile begrenzen und Links setzten fürs vor und zurück "Blättern"
Ist aber mehr HTML Bereich
Oder halt die Ausgabe auf X Zeile begrenzen und Links setzten fürs vor und zurück "Blättern"
Verwende CSS für deine HTML-Ausgabe, dann gibt es gleich mehrere Möglichkeiten: du kannst die Daten in ein DIV mit einer fixen Höhe und dem CSS-Attribut "overflow:scroll;" packen, oder den nicht zu scrollenden Teil mit "position:fixed;" als nicht scrollbar festlegen. "position:fixed;" wird allerdings vom IE 6 (und Vorversionen) nicht unterstützt.
OK.
Mit dem Befehl overflow:scroll muß ich mal Googlen.
Ich meld mich dann wieder.
Mit dem Befehl overflow:scroll muß ich mal Googlen.
Ich meld mich dann wieder.
http://www.css4you.de/ ist eine gute Anlaufstelle
Hallo,
Die www.css4you ist sehr gut.
Aber mit overflow:scroll komme ich da nicht weiter.
Ich kann da den Scroll reinmachen aber deshalb scrollt
sich drotzdem noch die ganze Seite also Vorlage und Anzeigebereich.
Ich glaub das geht doch nur mit Frame.
Die www.css4you ist sehr gut.
Aber mit overflow:scroll komme ich da nicht weiter.
Ich kann da den Scroll reinmachen aber deshalb scrollt
sich drotzdem noch die ganze Seite also Vorlage und Anzeigebereich.
Ich glaub das geht doch nur mit Frame.
Hi Helmut,
hab ein nettes Java-Script gefunden.
Wenn die Seite gescrollt wird, so wird der DIV-Bereich auf
seine Ursprungsposition geschoben.
Gruß
Günni
P.S.: Funktioniert mit IE8, andere Browser zum Testen hab ich i.M. nicht installiert.
hab ein nettes Java-Script gefunden.
Wenn die Seite gescrollt wird, so wird der DIV-Bereich auf
seine Ursprungsposition geschoben.
<html>
<body topmargin="20">
<!-- DIV-Bereich der beim Scrollen auf seine Ursprungsposition verschoben wird //-->
<div id="divStayTopLeft" style="position:relative;
width:754px; height:100px; z-index:0; left: 10px; top: 10px;
background-color: #d3d3d3; layer-background-color: #d3d3d3;
visibility: visible;">
<font color="#ff0000"> Vorlage </font><br><br>
Text zur Vorlage
</div>
<!-- Ende Div//-->
<!--
Floating Menu script- Roy Whittle
(http://www.javascript-fx.com/)
Script featured on/available at http://www.dynamicdrive.com/
This notice must stay intact for use
//-->
<script type="text/javascript">
var verticalpos="fromtop"
function JSFX_FloatTopDiv(){
var startX = 3,
startY = 0;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;
function ml(id){
var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
if(d.layers)el.style=el;
el.sP=function(x,y){this.style.left=x;this.style.top=y;};
el.x = startX;
if (verticalpos=="fromtop") el.y = startY;
else{
el.y = ns ? pageYOffset + innerHeight :
document.body.scrollTop + document.body.clientHeight;
el.y -= startY;
}
return el;
}
window.stayTopLeft=function(){
if (verticalpos=="fromtop"){
var pY = ns ? pageYOffset : document.body.scrollTop;
ftlObj.y += (pY + startY - ftlObj.y)/8;
}else{
var pY = ns ? pageYOffset + innerHeight :
document.body.scrollTop + document.body.clientHeight;
ftlObj.y += (pY - startY - ftlObj.y)/8;
}
ftlObj.sP(ftlObj.x, ftlObj.y);
setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();
</script>
<!-- Text wurde zum Testen mit margin-top nach unten verschoben.
Wenn der Text nach oben/unten gescrollt wird, verschiebt sich
das oben definierte DIV-Element entsprechend.
// -->
<p style="margin-top:800px;">
Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext<br>
Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext<br>
Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext<br>
Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext<br>
</p>
</body>
</html>Gruß
Günni
P.S.: Funktioniert mit IE8, andere Browser zum Testen hab ich i.M. nicht installiert.
Hallo,
Bei mir scrollt sich da noch genauso die ganze Seite.
Vielleicht gibts da ja auch eine andere Lösung.
Ich habe das so.
Ich habe da eine Seite wo die Daten ausgegeben werden und da habe ich für jede
Spalte eine Überschrift, was in der Spalte angezeigt wird.
Wenn jetzt in einer Spalte sehr viel angezeigt wird, dann gibt das mehrere Seiten.
Wenn man jetzt ganz nach unten scrollen muß dann Verschwindet ja die Überschrift
und es ist sehr Mühsam sich die Daten herauszulesen.
Deshalb brauch ich da etwas wo die Überschrift stehen bleib. Wenn man dann nach
unten scrollt dann sieht man immer noch wo welche Splate ist.
Ich habe das mal mit Frame versucht, aber da hat man das Problem, wenn man da die
Fenstergröße am Brouser verändert dann verschieben sich auch die Spalten.
Das sieht dann nicht so gut aus. Deshalb hab ich gedacht ich Versuch das mal mit einer
Dynamischen Seite. Aber das geht auch nicht so.
Gruß
Helmut
Bei mir scrollt sich da noch genauso die ganze Seite.
Vielleicht gibts da ja auch eine andere Lösung.
Ich habe das so.
Ich habe da eine Seite wo die Daten ausgegeben werden und da habe ich für jede
Spalte eine Überschrift, was in der Spalte angezeigt wird.
Wenn jetzt in einer Spalte sehr viel angezeigt wird, dann gibt das mehrere Seiten.
Wenn man jetzt ganz nach unten scrollen muß dann Verschwindet ja die Überschrift
und es ist sehr Mühsam sich die Daten herauszulesen.
Deshalb brauch ich da etwas wo die Überschrift stehen bleib. Wenn man dann nach
unten scrollt dann sieht man immer noch wo welche Splate ist.
Ich habe das mal mit Frame versucht, aber da hat man das Problem, wenn man da die
Fenstergröße am Brouser verändert dann verschieben sich auch die Spalten.
Das sieht dann nicht so gut aus. Deshalb hab ich gedacht ich Versuch das mal mit einer
Dynamischen Seite. Aber das geht auch nicht so.
Gruß
Helmut
