Add jquery to Genesis Sample Theme

[kolbigray]

Hey there! SO I have a quick question. IF you go over to http://jsfiddle.net/VdNPs/ and look at how the sidebar and content are synchronized when the page scrolls up and down so that the content reaches the bottom of the page at the same time, I was wondering how I would put this code into my blog.

The code she uses is

var d1 = document.getElementById('div1'),
    d2 = document.getElementById('div2');

function s() {
 
 var p = (d1.scrollHeight - d1.clientHeight) / d1.scrollTop,
     x = (d2.scrollHeight - d2.clientHeight) / p;
 
 d2.scrollTop = Math.round(x);
    
}

d1.onscroll = s;

but when I try putting this in my blog (after changing the divs) it doesn't work right. Is there something i'm doing wrong?

Thanks for your help!

http://www.lifewithkolbi.com

[JamesRoberts]

Hi, how are you adding this code to your site?

---

Need beautiful and responsive Genesis child themes at amazing prices? Stop by LlamaPress and check out our themes.

[kolbigray]

Hey there James! here is what I added to my site.

<script>

var d1 = document.getElementById('content'),
    d2 = document.getElementById('sidebar-stuff');

function s() {
 
 var p = (d1.scrollHeight - d1.clientHeight) / d1.scrollTop,
     x = (d2.scrollHeight - d2.clientHeight) / p;
 
 d2.scrollTop = Math.round(x);
    
}

d1.onscroll = s;

</script>

I know I'm probably doing something wrong.

[kolbigray]

I also added this to the top of the sidebar widget code. I don't know If I've used the right divs. I really wanted to use the VariScroll.js script, but I couldn't figure it out either. Thanks for your help bud.

[Author]

Posts