Best way to scrolldown onpageload

Question

I have the following code:

<script type="text/javascript">
    window.onload = function () {           
        window.scrollBy(0, 100);
    }
</script>

The previous code attempts to scroll down after page loading.

Is there any problem, as it doesn't work for me?

Khan Engineer · Accepted Answer · 2015-04-07T05:30:38.500

2

instead of window.onload use

    $(document).ready(function() {
        window.scrollTo(0, 100);
    }

because window.onload is fired when entire page load and document.ready is fired when DOM loads and use srcollTo instead of scroll

edited Apr 07 '15 at 05:30

answered Apr 07 '15 at 05:15

Khan Engineer

sorry but nothing happen, I have read that window.onload raise after $(document).ready, but I still have the same issue – Moatasem bakri Apr 07 '15 at 05:19
may be your height is less thats why it is not working first check whether you see the scroll then you can call it other wise it won't work if you don't have scroll at your page – Khan Engineer Apr 07 '15 at 05:54
1

check this it works 100% http://jsfiddle.net/afc2e4d8/3/ you were missing this ); at the end – Khan Engineer Apr 07 '15 at 07:12
both works window.scroll() as well as window.scrollTo() window.scrollBy() also works – Khan Engineer Apr 07 '15 at 07:18

score 0 · Answer 2 · answered Apr 07 '15 at 05:11

0

Try this

function Scrolldown() {
 window.scroll(0,100); 
}

window.onload = Scrolldown;

answered Apr 07 '15 at 05:11

Reena

1

they both are same. No difference – Nishanth Matha Apr 07 '15 at 05:14
sorry it doesn't work !!!, but the following work document.getElementById('ItemTemplate').scrollIntoView(), but I don't want this one, I want to control the px position – Moatasem bakri Apr 07 '15 at 05:15
1

Try this – Reena Apr 07 '15 at 05:17
@Reena that's work but in my situation I need control over px position ^_^ – Moatasem bakri Apr 07 '15 at 05:21
1

ok @Moatasembk my mistake, will this fulfill your requiremnet http://stackoverflow.com/questions/2659354/jquery-scroll-down-page-a-set-increment-in-pixels-on-click – Reena Apr 07 '15 at 05:26

score 0 · Answer 3 · answered Apr 07 '15 at 05:19

0

try body onload instead:

In your html:

<body onLoad="Scrolldown()">

js:

function Scrolldown(){
window.scroll(0,100); 
}

answered Apr 07 '15 at 05:19

Nishanth Matha

the problem is not in the event raising because I can achieve another work on page load, my problem just in scrolling down – Moatasem bakri Apr 07 '15 at 05:22
well the above solution should work pretty good. Give it a try – Nishanth Matha Apr 07 '15 at 05:23
between do check if you have enough content to scroll down, ie, (height of document) should be greater than (height of window) – Nishanth Matha Apr 07 '15 at 05:27
yeah I already make sure about that, I maybe a JavaScript library conflicts but I don't any issue in my website, I'll test it on a clean website, but can it be a browser issue !? – Moatasem bakri Apr 07 '15 at 05:32
browser compatibility I don't think so unless you are using old IE. JavaScript library: that's just plain JS so there should be any conflict with that. May be posting your whole code might help here. – Nishanth Matha Apr 07 '15 at 05:34

3 Answers3