Maintain vertical scroll position on long Accordion

Hi,
I've got a accordion with five tabs. The content exists of lists with links to different pages, so basically a menu ;-). Some tabs are quite long, when the list exceeds 450 px I got a scrollbar appearing other wise the list is just to long. Now what I want is to maintain the exact vertical scroll position after clicking on items from page to page.
I had this sorted with a javascript but I had to add an "onscroll" attribute to the accordion div which doesn't validate (xhtml 1.0 transitional).
Not validating attribute onscroll: <div id="Accordion1" class="Accordion" style="height: 450px"; onscroll="setScrollPos();">
Can somebody help me with a validating alternative?
I googled endless for this one ...

If you have any extensions installed in Safari > Preferences > Extensions, turn that OFF, quit relaunch Safari to test.
hit the back button
By the way, the Delete button feature to go back a page has been omitted in Safari 6.
Try Command and the back and forward arrows.

Similar Messages

Maintain scroll position in jsp

hi,
i currently have a long web page that has multiple input fields, every time when the page is refreshed due to update to listbox instances, the page scrolls right back to the top position. this would be irratating for users as they have to scroll back down again to complete the form. so is there a way to maintain the scroll position in jsp?
thanks,
lee

The only thing I can think of is to set the focus on the page component when you call you valuechangeListener. Like,
page1.setFocus("stateField");

Scroll Positions do not work if Scroll Policy is 'off'

I am using flex SDK 3.3.0.4852
I have a canvas with
canvas.horizontalScrollPolicy = "off";
canvas.verticalScrollPolicy = "off";
This canvas has an image in it, and I set the horizontal and vertical scroll positions programitically.
canvas.horizontalScrollPosition = canvas.maxHorizontalScrollPosition;
canvas.verticalScrollPosition = canvas.maxVerticalScrollPosition;
then I save the scroll values in an xml file, and then on reopening of the xml file.. I do the following
canvas.addEventListener("creationComplete", setScrollPositions);
and in the method setScrollPositions(event) i do the following again
canvas.horizontalScrollPosition = canvas.maxHorizontalScrollPosition;
canvas.verticalScrollPosition = canvas.maxVerticalScrollPosition;
But unfortunately it does not show any change in the scroll positions visually, and the default scroll positions persists. Though if i call an alert
Alert.show(canvas.verticalScrollPosition.toString()); //it does show me some value, e.g. 56
Now if i only set horizontal and vertical scrollPolicy = "on" ... all works fine. But the problem is that I want to hide my scrollbars and there is no other way I can do it. So please if there is any solution to it or if there is any workaround, do let me know. Thanks.

i'm having the same problem and i just got a brand new dell..when i hold down the left click over the up or down arrows, my songs in itunes only go down one line rather than scrolling up or down while im holding down the left click...any help is appreciated..

Text editing window expands instead of creating vertical scroll bar

In the last few days, I have noticed that when I try to edit or post to Wordpress.com the vertical scroll bar no longer appears on the text editing box. Instead the box just gets progressively larger which makes it very difficult to get to other items on the WordPress editing screen, such as tags and categories. This problem seems to have arisen during the v31.0 auto-upgrade. Is anybody else having this issue and what steps can I take to solve it? (FYI, I tried modifying the setting described in another response about a similar issue using the about:config screen, with no success.)

I don't know whether your dashboard has the "Visual" and "Text" buttons, but I believe the Visual uses CKEditor or another WYSIWYG editor and the Text editor might be a simpler design. Are both affected?
I searched around to see whether I could find Wordpress.com support threads or other stories about it and I can't. So I'll fall back on some general suggestions:
When you have a problem with one particular site, a good "first thing to try" is clearing your Firefox cache and deleting your saved cookies for the site.
(1) Bypass Firefox's Cache
Use Ctrl+Shift+r to reload the page fresh from the server.
Alternately, you also can clear Firefox's cache completely using:
"3-bar" menu button (or Tools menu) > Options > Advanced
On the Network mini-tab > Cached Web Content : "Clear Now"
If you have a large hard drive, this might take a few minutes.
(2) Remove the site's cookies (save any pending work first). While viewing a page on the site:
* right-click and choose View Page Info > Security > "View Cookies"
* (menu bar) Tools menu) > Page Info > Security > "View Cookies"
In the dialog that opens, you can remove WordPress.com cookies without affecting other sites.
Then try reloading the page. Does that help?
To rule out extensions as a possible culprit, could you try the site in Firefox's Safe Mode? That's a standard diagnostic tool to deactivate extensions, some advanced features, and some custom settings. More info: [[Troubleshoot Firefox issues using Safe Mode]].
You can restart Firefox in Safe Mode using either
* "3-bar" menu button > "?" button > Restart with Add-ons Disabled
* (menu bar) Help menu > Restart with Add-ons Disabled
Note: Flash and other plugins still run
After Firefox closes, a small dialog should appear: click "Start in Safe Mode" (''not'' Reset)
Any difference?

WebView scroll position

How can I get and set the vertical scroll position for a WebView?

You mean something like:
webView.getEngine().executeScript("window.scrollTo(100,100);")That didn't have any effect as far as I could tell.
Any good reason why there isn't a Java API?

Vertical scroll up/down when expand or collapse tree items

Hi everyone, I'm newbie in adobe flex. Is it possible to makes vertical scroll position automatically scroll up and down when tree component expand/collapse?
I would like to make automatically scroll position likes in tree of windows explorer. Any idea to makes it work?
Regards,
Gus Leo

Yeah!!!after trial and error with this issue i find some logic to makes vertical scroll down automatically likes windos explorer.
I'm attach some code with about this issue and hopes this will be useful for other developer.
Put the code on ItemOpen on tree component
private function onItemOpen(event:TreeEvent):void{
               //rowHeight is default height of tree and +2 is my own logic, because they have a space between a tree
                    var _rowHeight:int = int(event.currentTarget.rowHeight) + 2;
                    var posX:int = int(event.currentTarget.mouseY);
                    var _maxHeight:int = myTree.height;
                    var itemCount:int = int(event.item.children.length);
                    //cheking the current position and calculation of droping index
                    if (((itemCount*_rowHeight) + posX) > _maxHeight){
                        var _currpos:int = posX + _rowHeight;
                        var _heightCount:int = _rowHeight;//default height count is the _rowHeight
                        for (var i:int = 0;i<itemCount;i++){
                            _currpos = _currpos + _rowHeight;
                            _heightCount = _heightCount + _rowHeight;
                            //if the the count of height itemschild > than the tree height so stop to add scrollposition
                            if (_maxHeight < _heightCount ){
                                break;
                            }else if (_maxHeight < _currpos){
                                myTree.verticalScrollPosition = myTree.verticalScrollPosition + 1;
Message was edited by: Gus Leo

Accordion Widget not saving current scroll position

Accordion widget saves scroll position in Firefox, however in
IE7 the position gets reset to the center of Accordion Widget.
Example. Select Alabama and then select Wisconsin to see
effect.
See www.Qualite1.com/contactUs.html

Hi ghaug,
This is due to the tabindex attribute that is on the
top-level element of the accordion. Apparently when an element is
focused in IE, it tries to make sure the top of that element is in
view, so it is "conveniently" scrolling it into view for you.
To prevent this behavior for accordions like yours that don't
fit neatly into a single screen, you are going to have to remove
the tabindex attribute from the top-level accordion element. If you
still want/need keyboard navigation of your accordion, then you
have to switch to using links in your accordion tabs. You can find
an example here:
http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample.html#EnablingKey boardNavigationWithLinks
--== Kin ==--

In FF 4.0 why does the down arrow no longer function in the vertical scroll bar?

Prior to FF 4.0 when I positioned my cursor over the down arrow of the vertical scroll bar in Hotmail and depressed the left mouse button, the scroll bar moved downward toward the bottom of it's column limit. Now in 4.0 it turns into an adjustment cursor forcing me to readjust the size of the Hotmail window rather than moving the scroll bar down the column. This only seems to happen in Hotmail.

Check: http://kb.mozillazine.org/Website_colors_are_wrong
See:
* http://kb.mozillazine.org/Images_or_animations_do_not_load
* You can see the permissions for the domain in the current tab in Tools > Page Info > Permissions
* You can see all exceptions in Tools > Options > Content: Load Images > Exceptions
* You can check the Tools > Page Info > Media tab for blocked images (scroll through all the images)
There are also extensions (Tools > Add-ons > Extensions) that can block images.

In the viewer going to vertical scrolling bar I get a jump to original position...

Scenario:
In the viewer I'm working with the mouse vertical scrolling for searching some scenes, then I go to vertical the scrolling bar of the window to scroll in bigger steps... well, the viewer jumps to the previous position.. so I have to start my searching again.... and every time I go the vertical scrolling bar I get this jump to the original position... Very annoying....

Do a malware check with some malware scanning programs.<br />
You need to scan with all programs because each program detects different malware.<br />
Make sure that you update each program to get the latest version of their databases before doing a scan.<br />
<br />
* http://www.malwarebytes.org/mbam.php - Malwarebytes' Anti-Malware
* http://www.superantispyware.com/ - SuperAntispyware
* http://www.microsoft.com/windows/products/winfamily/defender/default.mspx - Windows Defender: Home Page
* http://www.safer-networking.org/en/index.html - Spybot Search & Destroy
* http://www.lavasoft.com/products/ad_aware_free.php - Ad-Aware Free
See also:
* "Spyware on Windows": http://kb.mozillazine.org/Popups_not_blocked

Web page in iframe does not maintain scroll position on refresh in FF4

I have a web page on my local drive which refreshes live sports commentary every minute in an iframe.
In FF3.6.x the page in the iframe retained the scroll position of where I had moved to.
In FF4 the page within the iframe goes back to the top so I now have to scroll down every time to where I want to read.
I disabled all addins in FF4 and have tried this on different URLs but the page in the iframe still returns to the top.

Similar problem running a 27" iMac only it occurs in Excel and inDesign. Hit the cell with the curser and the worksheet moves over to the right 7 or 8 cells away. Have to curser back to the cell quite frequently. This issue make the machine unusable when working with those two aps. Today I did the ultimate and completely reloaded Yosemite and the problem is still there.

Some new pages open without a vertical scroll bar...even tho the page is very long.

It only happens with one particular vendors website. They can't explain it. Most of their web pages work fine.
I selected an imbedded link from one page and a new browswer window opens and populates but there is no left margin vertical scroll bar. And there is lots of data below to view. CAnt get there from here.
Damon

Can you share the link to the page?
Does it make any difference if you change the zoom level, such as by holding down Ctrl and tapping the + key or the - key a couple of times?
New windows opened by a script can be customized by leaving out some elements. Presumably if they were doing that, they would know. However, just in case, you could prevent sites from removing the scrollbars from popup windows.
(1) In a new tab, type or paste '''about:config''' in the address bar and press Enter. Click the button promising to be careful.
(2) In the search box that appears above the list, type or paste '''window_o''' and pause while the list is filtered
(3) Double-click the '''dom.disable_window_open_feature.scrollbars''' preference to switch it from false to true.
(The name of this preference is difficult to understand, but it means that Firefox will block the site from turning off scrollbars on a new window if set to true.)

ScrollPane vertical scroll bar positioning

I have a ScrollPane that holds a number of number of sprites. The sprites are like rows and I would like them to fill the width of the ScrollPane.
My problem is that if there are not enough sprites to fill the vertical space of the ScrollPane, then no Scrollbar appears and there is a narrow gap left on the right side of the ScrollPane. If I make the sprites wider, when the vertical scroll bar does appear some of the sprite is cut off and the horizontal scroll bar appears (I never want the horizontal one to appear).
Is there a way to move the scrollBars? or perhaps another way to solve my issue?

assign your sp's horizontalScrollPolicy (and/or verticalScrollPolicy) to "off".

How to retain page Scroll position after post back

Hi,
I have some long jsf web pages that requires user to user vertical scroll to access some fields. Now the problem I face is that, there are some fields at the bottom of the page, on click of which i need to do a postback, call valueChangeListner in the backing bean and populate some values in subsequent fields. And when the page reloads after the call to valueChangeListner, the top portion of the page is displayed to the user which is a little annoying. I want to display the portion of the page that the user was accessing before.
Could you please help?
Thanks,
Srikanth.
Edited by: sriki79 on Mar 15, 2009 9:45 AM

Several ways:
1) Populate the fields entirely clientside.
2) Use Ajax to populate the fields.
3) Use Javascript during onload to scroll to the desired position/element.

Scroll Position ReportViewer

Hello,
is there a way to retrieve and set the scroll position (Horizontal and Vertical of course) of the WinForm CrystalReportViewer.
I tried everything (includinng the analysis of the controls of the control CrystalReportViewer) and none of the controls of CrystalReportViewer or the control itself have the Property VerticalScroll.Value filled, it always contains the value 0.
I also tried to step into the scroll event but it is not raised.
My application is a WinForm Application and I use CR2008 with Oracle.
Thank you.
Giovanni Perrone

I remember putting this together for someone else a while back. It's been a long time since I've run this code so I give no warranty with this solution. I believe the trick was getting into the Form_Paint event, then accessing a specific TabControl for the CrystalReportViewer.
It was very much a trial and error solution.
Give it a try and see if it helps you out.
Note: This is also address in this thread How to Set , Get CrystalReportViewer Scroll position in .NET.
using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Text;
using System.Windows.Forms;
namespace cr12_modify_viewer_scroll_position
    public partial class Form1 : Form
        public Form1()
            InitializeComponent();
        private void Form1_Load(object sender, EventArgs e)
            crystalReportViewer1.ReportSource = Application.StartupPath + "\\..\\..\\CrystalReport1.rpt";
        private void Form1_Paint(object sender, PaintEventArgs e)
            MessageBox.Show("Form1 Paint");
            // get the tab control
            TabControl boTabControl = (TabControl)crystalReportViewer1.Controls[0].Controls[0];
            TabPage boTabPage = boTabControl.TabPages[0];
            boTabPage.VerticalScroll.Value = boTabPage.VerticalScroll.Maximum / 2;
            crystalReportViewer1.Refresh();
Edited by: David Hilton on Jun 24, 2009 9:49 AM
Added info for related post.

How can I create a vertical scroll for text in a 'div' in CSS Dreamweaver?

Hi there,
I need to flow a lot of text into a CSS div. However, I don't want a big long page as it will look ugly and be inconsistent with the other pages in the site.
I need to be able to put in a vertical scroll directly in the div containing the text (not on the whole page) so the user can scroll the text down without moving down the whole page.
Is there a way for me to do this?
I'm a beginner to CSS so a step by step for dummies approach would be most helpful.
Thanks in advance for any help!

use the overflow:scroll property:
http://www.w3schools.com/Css/pr_pos_overflow.asp

Maintain vertical scroll position on long Accordion

Similar Messages

Maybe you are looking for