Solved

scrollIntoView scroll the whole page

Posted on 2010-11-25
4
557 Views
Last Modified: 2012-06-27
Hi,

I am trying to use the scrollIntoView function for a boxlist element.
The problem is that in the first time  its scrolls the whole page, and only after that it scrolls the list.
0
Comment
Question by:VapiSoft
  • 3
4 Comments
 
LVL 16

Expert Comment

by:jmatix
ID: 34215451
Can you post the source HTML?
0
 

Author Comment

by:VapiSoft
ID: 34215624
The HTML is huge so I cannot post it, but the code that does it is very simple.

The attached code is a function that checks that a list has more items that it can hold, and then it sets the overflow to 'auto' and scrolls the 'last_selected_object' into view.
function setScrollbarState(name,last_selected_object)

{

 var obj=document.getElementById(name);

 obj.style.overflowY='hidden';

 if ((obj.scrollHeight-obj.offsetHeight) > 6) 

 {

  obj.style.overflowY='auto';

  if (last_selected_object)

  {

   var obj=document.getElementById(last_selected_object);

   if (obj) obj.scrollIntoView(true);

  }

 }

}

Open in new window

0
 

Accepted Solution

by:
VapiSoft earned 0 total points
ID: 34877196
I found out that the problem happens only when the parameter is true.
So, although it does not scroll to the object (exactly) , I now use false.
0
 

Author Closing Comment

by:VapiSoft
ID: 34904971
I works, but without the 'true'.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
rhino JavaScript import, load 25 66
Basic JavaScript Question 3 37
window.setInterval not firing 7 29
How to change pointer icon to hand icon on mouseover 2 17
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

939 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now