Avatar billede lauge Nybegynder
13. april 2002 - 20:27 Der er 7 kommentarer og
1 løsning

Er det muligt at...?

Hejsa,

I CSS er det muligt at fryse et image med "background-attachment : fixed;", således at når man scroller sider billedet "fast".

Er det muligt at gøre det samme med et <DIV></DIV> hvis man smider noget JS på??

Altså så jeg kan få en del af mit design til at side "fast" et bestemt sted på skærmen selv om jeg scroller op og ned.

Jeg har set mange steder på nettet hvor f.eks. en menu hopper med ned af siden når man scroller, men jeg er IKKE interesseret i af mit design hopper. Det skal side lige fast som "Peter Brixtofte"!! (måske ikke den bedste sammen ligning :-)

På forhånd taxi!
Lauge
Avatar billede code_master Nybegynder
13. april 2002 - 20:33 #1
Ja det er muligt
det med scoll
Avatar billede lauge Nybegynder
13. april 2002 - 20:36 #2
og jeg var ikke smart nok til at skrive "hvordan gør man så det???" :-)
13. april 2002 - 20:46 #3
Hej,

Nu forstår jeg dte ikke rigtig, men hvis du vil have en scroller i en div kan du bruger "overflow: scroll;" så kan du da stadig væk bruger "background-attach..." (husk at sidte "height:").

background-attachment: http://www.w3.org/TR/CSS2/colors.html#background-properties

Overflow: http://www.w3.org/TR/CSS2/visufx.html#overflow-clipping og http://80.62.82.126/leg/oveflow.html


Venlig HIlsen
Casper Schneidereit
www.enter-s.dk
Avatar billede jakoba Nybegynder
13. april 2002 - 21:02 #4
Her er et script til det.

Det er ikke uptodate, da jeg synes den slags 'faste divs' blafrer formeget til at kunne kaldes nyttige.

///////////////////////////////////////////////////////////////////
/*Site Logo Script (Geocities Watermark)
Last updated: Dec 14, 1998
© Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,
100's more DHTML scripts, and Terms Of
Use, visit dynamicdrive.com*/
///////////////////////////////////////////////////////////////////

//edit the below 6 steps

// 1) substitute 116 and 42 with the width and height of your logo image, respectively
if (document.images)
var staticlogo=new Image(30,30)

// 2) change the image path to reflect the path of your logo image
staticlogo.src="cool3030.gif"

// 3) Change url below to the target URL of the logo
var logolink="http://hjem.get2net.dk/Jakob.Aggernaes/"

// 4) change the alttext variable to reflect the text used for the "alt" attribute of the image tag
var alttext="Svævende logo"

// 5) set below to either "1" or "0" ("1" fades the logo into view) Note: IE 4 specific
var fadeintoview=1

/* 6) Finally, below variable determines the duration the logo should be visible after loading, in seconds. If you'd like the logo to appear for 20 seconds, for example, enter 20. Entering a value of 0 causes the logo to be perpectually visible.
*/
var visibleduration=0


///////////////////////////Do not edit below this line/////////////////////////
function regenerate(){
window.location.reload()
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400)
}


var fadeset=''
if (fadeintoview)
fadeset="filter:alpha(opacity=0)"

if (document.all)
document.write('<span id="logo" style="'+fadeset+';position:absolute;top:100;width:'+staticlogo.width+';height:'+staticlogo.height+'"></span>')

function bringintoview(){
if (logo.filters.alpha.opacity<=95)
logo.filters.alpha.opacity+=5
else{
clearInterval(viewit)
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}

function createlogo(){
staticimage=new Layer(100)
staticimage.left=-300
staticimage.top=120
staticimage.document.write('<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>')
staticimage.document.close()
staticimage.visibility="show"
regenerate2()
staticitns()
}

if (document.layers)
window.onload=createlogo;

if (document.all){
w=document.body.clientWidth-logo.style.pixelWidth-5
h=document.body.clientHeight-logo.style.pixelHeight-5
logo.style.left=w
logo.style.top=h
}

function logoit(){
var w2=document.body.scrollLeft+w
var h2=document.body.scrollTop+h
logo.style.left=w2
logo.style.top=h2
}
function logoit2(){
staticimage.left=pageXOffset+window.innerWidth-staticimage.document.width-15
staticimage.top=pageYOffset+window.innerHeight-staticimage.document.height
}

function insertimage(){
logo.innerHTML='<a href="'+logolink+'"><img src="'+staticlogo.src+'" border=0 alt="'+alttext+'"></a>'
if (fadeintoview)
viewit=setInterval("bringintoview()",100)
else{
if (visibleduration!=0)
setTimeout("logo.style.visibility='hidden'",visibleduration*1000)
}
}

if (document.all){
window.onscroll=logoit
window.onresize=new Function("window.location.reload()")
window.onload=insertimage
}


function staticitns(){
setInterval("logoit2()",90)
if (visibleduration!=0)
setTimeout("staticimage.visibility='hide'",visibleduration*1000)
}

mvh JakobA
Avatar billede lauge Nybegynder
13. april 2002 - 21:19 #5
jeg har fundet en anden løsning.
Hvis jakoba vil have nogle points må han lige aflevere et svar!
Avatar billede lauge Nybegynder
13. april 2002 - 23:23 #6
Jeg lukker...
Avatar billede Slettet bruger
14. april 2002 - 15:39 #7
Er det evt. noget du vil dele med os andre?!!
Avatar billede lauge Nybegynder
14. april 2002 - 15:49 #8
rubbersoul>> jamen jeg droppede helt den måde jeg ville have det til at virke på. Så jeg fandt ikke nogen løsnign men gik helt væk fra ideen.

Lauge
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB