Div-Layer soll nicht mitscrollen!

Computer: Software & Programmierung HTML & CSS
#1

hallo,

ich verzichte jetzt auf tables und verwende div-layer, gefällt mir viel besser so. allerdings möchte ich nicht, daß sich der grüne balken, der in einem eigenen layer ist, sich mitbewegt wenn man scrollt. geht das?

http://www.belvaux.de/nadeshda/nadeshda.htm

#2

Hallo Frank!

Wenn ich dich richtig verstanden habe willst du das der Balken fest oben bleibt.

Du hast zwei Möglichkeiten:

  1. Variante: Grüner Blaken bekommt ein eigenes Frame.

  2. Variante: DHTML-Balken

    /*
    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
    */

    //Enter „frombottom“ or „fromtop“
    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();

    Blindtext BlindtextBlindtext BlindtextBlindtext BlindtextBlindtext BlindtextBlindtext Blindtext

    Blindtext BlindtextBlindtext BlindtextBlindtext BlindtextBlindtext BlindtextBlindtext Blindtext

    Blindtext BlindtextBlindtext BlindtextBlindtext BlindtextBlindtext BlindtextBlindtext Blindtext

    Blindtext BlindtextBlindtext BlindtextBlindtext BlindtextBlindtext BlindtextBlindtext Blindtext

Der Code stammt in der ursprünglichen Form von:
http://www.dynamicdrive.com/dynamicindex1/staticmenu…

Ich habe mir erlaubt ihn dir entsprechend anzupassen.

Gruß Christian

#3

Hallo,

erstmal danke! Ich habe es doch nochmal anders gemacht, bin jetzt auch zufrieden. Noch eine Sache, die mich stört:

Weshalb sieht man auf den Seiten, die nach unten gescrollt werden müssen auch den horizontalen Scrollbalken? Wie bekomme ich den weg?

Danke!

Wenn ich dich richtig verstanden habe willst du das der Balken
fest oben bleibt.

Du hast zwei Möglichkeiten:

  1. Variante: Grüner Blaken bekommt ein eigenes Frame.
  2. Variante: DHTML-Balken

/*
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
*/

//Enter „frombottom“ or „fromtop“
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();

Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext

Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext

Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext

Blindtext BlindtextBlindtext BlindtextBlindtext
BlindtextBlindtext BlindtextBlindtext Blindtext

Der Code stammt in der ursprünglichen Form von:
http://www.dynamicdrive.com/dynamicindex1/staticmenu…

Ich habe mir erlaubt ihn dir entsprechend anzupassen.

Gruß Christian

#4

Weshalb sieht man auf den Seiten, die nach unten gescrollt
werden müssen auch den horizontalen Scrollbalken? Wie bekomme
ich den weg?

Hi,

also, bei mir erscheint kein horizontaler Scrollbalken …

Du kannst die Anzeige der Scrollbalken aber folgendermaßen steuern:

Nur der senkrechte Balken:

Nur der waagerechte Balken:

Grüße, piranja

#5

bei mir erscheint der unter jeder Auflösung (WinXP, IE 6). Deine Idee hat auch nichts gebracht.

Hm?

also, bei mir erscheint kein horizontaler Scrollbalken …

Du kannst die Anzeige der Scrollbalken aber folgendermaßen
steuern:

Nur der senkrechte Balken:

Nur der waagerechte Balken:

Grüße, piranja

#6

Das ist aber komisch … Da ich das nicht nachstellen kann, fällt es mir jetzt schwer, einen Tipp zu geben …
Bei mir kommt auf keiner Seite von http://www.belvaux.de/nadeshda/ ein horizontaler Scrollbalken!

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

#7

Das Problem habe ich auch nur unter WinXP und IE6, habe gerade an zwei anderen Rechnern getestet. Seltsam aber auch nicht so wichtig.

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]