---
title: "Scroll i JS"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17826-scroll-i-js"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "mastermani"
published: "2001-06-02T11:41:00.000Z"
updated: "2001-06-02T19:55:00.000Z"
replies: 3
views: 217
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/17826-scroll-i-js"
---

# Scroll i JS

## #1 — mastermani, 2001-06-02T11:41Z

hallå alla js programerare..

Jag har laddat ner ett script från bratta.com där man kan scrolla en text..
men jag provade att lägga in ett till sådant script på samma sida så att det finns 2 olika scrollistar på sidan.
fast det fungerar lixom inte..

bara en utav dem visaas. tar jag bort den som syns så kommer den andra synas fast då finns ju lixom inte båda kvar..

jag har provat att ändra det stora taggarna och lagt till en tvåa efteråt..

det fungerar med 1 då fortfarande hur skall man göra för att visa båda två????

Permalänk: https://www.webforum.nu/p/17826

## #2 — Wiberg, 2001-06-02T18:30Z

Omöjligt att svara på om man inte får se koden...

Permalänk: https://www.webforum.nu/p/333382

## #3 — oelbal, 2001-06-02T18:35Z

Har för mig att assembler.org sitter på en bra scroller.....

Permalänk: https://www.webforum.nu/p/333383

## #4 — mastermani, 2001-06-02T19:55Z

Här koden i include filen
scroll.js

```
function checkBrowser(){
	this.ver=navigator.appVersion
	this.dom=document.getElementById?1:0
	this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
	this.ie4=(document.all && !this.dom)?1:0;
	this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
	this.ns4=(document.layers && !this.dom)?1:0;
	this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5)
	return this
}
bw=new checkBrowser()

var speed=50

var loop, timer

function makeObj(obj,nest){
    nest=(!nest) ? '':'document.'+nest+'.'
	this.el=bw.dom?document.getElementById(obj):bw.ie4?document.all[obj]:bw.ns4?eval(nest+'document.'+obj):0;
  	this.css=bw.dom?document.getElementById(obj).style:bw.ie4?document.all[obj].style:bw.ns4?eval(nest+'document.'+obj):0;
	this.scrollHeight=bw.ns4?this.css.document.height:this.el.offsetHeight
	this.clipHeight=bw.ns4?this.css.clip.height:this.el.offsetHeight
	this.up=goUp;this.down=goDown;
	this.moveIt=moveIt; this.x; this.y;
    this.obj = obj + "Object"
    eval(this.obj + "=this")
    return this
}
function moveIt(x,y){
	this.x=x;this.y=y
	this.css.left=this.x
	this.css.top=this.y
}

function goDown(move){
	if(this.y>-this.scrollHeight+oCont.clipHeight){
		this.moveIt(0,this.y-move)
			if(loop) setTimeout(this.obj+".down("+move+")",speed)
	}
}
function goUp(move){
	if(this.y<0){
		this.moveIt(0,this.y-move)
		if(loop) setTimeout(this.obj+".up("+move+")",speed)
	}
}

function scroll(speed){
	if(loaded){
		loop=true;
		if(speed>0) oScroll.down(speed)
		else oScroll.up(speed)
	}
}

function noScroll(){
	loop=false
	if(timer) clearTimeout(timer)
}

var loaded;
function scrollInit(){
	oCont=new makeObj('divCont')
	oScroll=new makeObj('divText','divCont')
	oScroll.moveIt(0,0)
	oCont.css.visibility='visible'
	loaded=true;
}

onload=scrollInit;
```

Här är koden som finns på sidan..

```
<style type="text/css">
#divUp{position:absolute; left:0; top:1; WIDTH=280; z-index:1}
#divDown{position:absolute; left:0; top:10; width:280 ;z-index:2}
#divCont{position:absolute; width:260; height:250; overflow:hidden; top:1; left:10; clip:rect(0,260,250,0); visibility:hidden ;z-index:2}
#divText{position:absolute; top:0; left:0 ;z-index:4}
</style>
      <script language="JavaScript" src="popup.js"></script>
      <script language="JavaScript" src="scroll.js"></script>
      
  <div id="divUp"> 
    <div align="right"><a href="#ss" onmouseover="scroll(-8)" onmouseout="noScroll()"><IMG SRC="pil_upp.gif" BORDER=0 WIDTH=13 HEIGHT=8></a></div>
  </div>
  <div id="divDown" align="right"> <a href="#" onmouseover="scroll(8)" onmouseout="noScroll()"><IMG SRC="pil_ner.gif" BORDER=0 WIDTH=13 HEIGHT=8></a><BR>
  </div>
      <div id="divCont"> 
        <div id="divText">
Texten som skall scrollas
</div>
</div>
```

Permalänk: https://www.webforum.nu/p/333384

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17826-scroll-i-js