Javascript - Scroll to bottom on a pop-up window

Question

<script type="text/javascript">
// Popup window code
function newPopup(url) {
    popupWindow = window.open(url,'popUpWindow','height=500, width=800, left=10, top=10, resizable=yes, scrollbars=yes, toolbar=yes, menubar=no, location=no, directories=no, status=yes')
}
</script>


<a href="JavaScript:newPopup('http://www.google.ca');">CLICK HERE</a></a> to go to google.

When the user click on CLICK HERE on the webpage, a pop-up window will appear and it directs you to the http://www.google.ca web page. My question is how do I make it so that the pop-up window will automatically scroll to the bottom on the page when CLICK HERE is clicked?

I found this code segment: window.scrollBy(0,50), but it scrolls the website itself to the bottom. It doesn't scroll the popup window.

score 1 · Answer 1 · answered Sep 15 '14 at 03:53

1

Try use onload event like this

function newPopup(url) {
    popupWindow = window.open(url,'popUpWindow','height=500, width=800, left=10, top=10, resizable=yes, scrollbars=yes, toolbar=yes, menubar=no, location=no, directories=no, status=yes');
    popupWindow.onload = function () {
        popupWindow.scrollTo(0, popupWindow.document.body.scrollHeight);
    };
}

answered Sep 15 '14 at 03:53

icaru12

1,522
16
21

It doesn't seem to be scrolling to the bottom of the pop-up. I'm using Google Chrome. – J0nathan Lam Sep 15 '14 at 03:59
Domain name in the main window and the secondary window must be same. It is because of the cross-domain script security restriction (also referred as the "Same Origin Policy"). – icaru12 Sep 15 '14 at 04:42
I used your code, but it didn't do anything to my pop-up. – J0nathan Lam Sep 15 '14 at 05:16
Yeah! It works :) SOP will block if its different domain! – Dev.K. Aug 06 '15 at 12:17

score 0 · Answer 2 · answered Sep 15 '14 at 03:34

You could try creating an anchor?

<a name="whereYouWantToScrollTo">Click To Scroll To Top</A>

http://www.webmastercourse.com/articles/anchors/ I'm not sure if you can activate an anchor with JavaScript, but that's the only way I know how to force the user to scroll down on a webpage. Hope this helps

score 0 · Answer 3 · answered Mar 19 '20 at 00:30

if your popup has an id you can use this code to get at the top of that popUp.

$("#confirma_modificacion_documento").animate({ scrollTop: 0 }, "fast");

when your popUp is:

<div class="modal fade" id="confirma_modificacion_documento" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"

Javascript - Scroll to bottom on a pop-up window

3 Answers3

Linked