Scrolla två frames samtidigt?!

Välkommen till wF.

Exempel frameset:

<script type="text/javascript">
function syncscroll(ofs){
	a.scrollTo(0,ofs);
	b.scrollTo(0,ofs);
}
</script>
<frameset cols="*,*">
	<frame src="a.html" name="a">
	<frame src="b.html" name="b">
</frameset>

Och sedan i a.html & b.html:

<script type="text/javascript">
window.onscroll=function(){ parent.syncscroll((document.all)?document.body.scrollTop:pageYOffset); }
</script>

Vill du ha med x-led också så är det bara att skicka med det som ett argument till syncscroll också.

Tack både för välkomnandet och för koden.

Hittade nästan exakt samma funktion genom lite Googlande för ett tag sedan.

Tack ändå, fint med sån snabb respons!

Jojoxx skrev:

<script type="text/javascript">
function syncscroll(ofs){
a.scrollTo(0,ofs);
b.scrollTo(0,ofs);
}
</script>
<frameset cols="*,*">
<frame src="a.html" name="a">
<frame src="b.html" name="b">
</frameset>

Och sedan i a.html & b.html:

<script type="text/javascript">
window.onscroll=function(){ parent.syncscroll((document.all)?document.body.scrollTop:pageYOffset); }
</script>

Finns det några begränsningar i det här scriptet? Alltså, skulle det kunna strula/synca sämre om man har en sajt med mycket besökare, mycket trafik osv?

Tacksam för svar...

Mvh,
Rasmus

Det har jag svårt att tro. Det är ju något som sker hos klienten.
Men visst blir sidor sega av för mycket besökare, men det är ju något som är allmänt.

Är tillbaka igen, med ytterligare önskan om hjälp...

Jag har implementerat den syncfunktion som jag använder mig av.

Så här ser koden ut:

<SCRIPT>
var tid;
function initScrollSynchronization () {
tid = setInterval('syncFrame()', 1);
}
function syncFrame () {
if (document.all && !window.opera) {
var scrollTop = frame1.document.body.scrollTop;
var scrollLeft = frame1.document.body.scrollLeft;
}
else {
var scrollTop = frame1.pageYOffset;
var scrollLeft = frame1.pageXOffset;
}
frame0.scrollTo (scrollLeft, scrollTop);
}
</SCRIPT>

</HEAD>
<FRAMESET rows="*" COLS="21%,79%" frameborder="no" ONLOAD="initScrollSynchronization()">
<FRAME NAME="frame0" SRC="menu.html" scrolling="no">
<FRAME NAME="frame1" SRC="main.html">
</FRAMESET>
<noframes></noframes>

Koden verkar dock inte fungera riktigt bra. Så fort en sida med andra JavaScripts laddas så slutar ovanstående kod att fungera och hänvisar till felaktigheter i rad nr. 3

tid = setInterval('syncFrame()', 1);

Jag hoppas någon av er alla förmågor i forumet kan hjälpa mig.

Ödmjukast,
Rasmus