Visualizzazione dei risultati da 1 a 2 su 2
  1. #1

    Come ancorare un div scorrevole

    Salve a tutti, spero che qualcuno mi possa aiutare.

    Ho un div con all'interno contenuti che scorrono verticalmente insieme alla pagine quando la si scrolla. Ora ho l'esigenza di centrare il sito (prima era allineato a sinistra) solo che questo div proprio non riesco a farlo camminare insieme al resto del sito, rimane allineato a sinistra.

    Il div è collegato a 1 css e a 1 .js che incollo

    questo è il css:

    #sidebarhtloff {
    position:absolute;
    left: 4px;
    top: 413px;
    background-color: #FFFFFF;
    height: 0px;
    width: 233px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    bottom: 50%;
    }

    questo è il .js:

    function invis(){
    var s_width ='';
    var s_height ='';
    s_width=screen.width
    s_height=screen.height

    if (s_width == "640"){
    document.getElementById("sidebarhtloff").style.dis play="block";
    }

    if (s_width == "800"){
    document.getElementById("sidebarhtloff").style.dis play="block";
    }

    if (s_width == "1024"){
    document.getElementById("sidebarhtloff").style.dis play="block";
    }

    if (s_width == "1280"){
    document.getElementById("sidebarhtloff").style.dis play="block";
    }

    }

    function setVariables(){
    px="+'px'";
    if (navigator.appName == "Netscape") {
    if (parseInt(navigator.appVersion) >= 5){
    v=".top=";
    h=".right=";
    dS="document.getElementById(\"";
    sD="\").style";
    y="window.pageYOffset";
    x="window.pageXOffset";
    }
    else {
    v=".top=";
    h=".right=";
    dS="document.";
    sD="";
    y="window.pageYOffset";
    x="window.pageXOffset";
    px="";
    }
    }
    else {
    var validDoc=(document.compatMode && document.compatMode != "BackCompat")?1:0;
    h=".right=";
    v=".top=";
    dS="";
    sD=".style";
    y=(validDoc)?"document.documentElement.scrollTop": "document.body.scrollTop";
    x=(validDoc)?"document.documentElement.scrollLeft" :"document.body.scrollLeft";
    }
    checkLocationA()
    }

    movex=0,movey=0,xdiff=0,ydiff=0,ystart=0

    ,xstart=0

    function checkLocation(){
    object="sidebarhtloff";
    yy=eval(y);
    xx=eval(x);
    ydiff=ystart-yy;
    xdiff=xstart-xx;
    if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey
    if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex
    if (ystart>=530){
    eval(dS+object+sD+v+(ystart+10)+px);
    } else {
    eval(dS+object+sD+v+530+px);
    }

    eval(dS+object+sD+h+xstart+px);
    setTimeout("checkLocation()",5);
    }

    function checkLocationA(){
    ystart=eval(y);
    xstart=eval(x);
    }

    Vi ringrazio e spero che qulcuno possa aiutarmi.
    il link per la pagina è http://www.nitrodiviaggi.it/last-minute-ischia.php
    ______________________________________
    Le domande cui è più difficile rispondere sono quelle la cui risposta è ovvia.!

  2. #2
    Il css definisce una posizione assoluta per il div, alle coordinate fisse 4;413.

    Il javascript (che secondo me contiene alcuni errori) non ha nessun controllo per spostare la posizione orizontale del div.

    Un errore potrebbe essere, se ho visto bene, il cercare di settare la posizione right anziche quella left: h=".right="; invece di h=".left=";
    Tecnolgie per l'arte.
    Arti per la tecnologia.
    softhare

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.