i have a div of height 500px and width 800px. i have set it as auto on over flow and usually i have 500 records displayed so it scrolls. lets say i trigger an even on row number 478 inside that scrollable div and that event causes a page reload, can i go back to that same position in side that div? how?
View 1 RepliesI've tried several solutions for this and have gotten close but right now I'm stumped.
Basically, I need to retain the existing scroll position on a page when it reloads but also to ignore any #anchors that are in the url.
I'm new to jQuery and javascript but already very impressed with jQuery.I have a page divided in two columns (divs). When one clicks on the links in one column, it loads the php page in the other column. I have this working, but what i would like to do is that not only would it load the php page in the other column but also automatically scroll to an anchor in that php page
View 2 Replies View RelatedHas anyone tried to bind the scroll event to a scrollable tbody in IE8 and it worked? If so, please let me know how you did that, because while it works in FF 3.6, it does not work in IE8 (unless I'm doing something wrong.) I've searched quite a bit for this and couldn't find anyone that had a question on this.Example: I have a table with a scrollable tbody, and what I want to do is bind a scroll event to the tbody to find when the user had scrolled to the bottom of the scrollable tbody where I'll fetch additional TR rows.
$JQuery('#table_body').scroll(function()
{
alert('registered');
[code]....
if it's possible to nest tabs inside a scrollable from jQuery Tools. Basically, replacing the page content with a set of tabs. I've tried a few times, and with the jQuery native tabs, there must either be some JS or CSS conflicts that prevent things from working properly.
View 1 Replies View RelatedI'm making a pretty little expenses program for my wife. Except my computer's busted and I can't put a Java IDE on hers, so I'm making it in Javascript, to run in Firefox.Whenever incomes or expenses are added in, they are added directly to an array, then the function updateDisplay() is called, which figures out all of the incomes and expenses that need to be displayed,The problem is that I'm adding the newest expense or income at the bottom of the list in the scrollable div, but the focus remains at the top of the div, i.e. the scrollbar is always by default at the top; I would, of course, like the user to be seeing the most recent information input.Is there a way for me to automatically scroll that div down to the bottom?I tried experimenting with adding a blank span at the end of the HTML I put in there, and then trying to give that span focus. Didn't work of course.
View 3 Replies View RelatedI'm having a jsp page which is having a table and a div tag.The heading such as a radio button,Name , Age etc. are fixed.Only the data under it is scrolling. So i've set one table for header which are fixed.
Then a div tag inside which there is a table which is used for scrolling the data.When i select a radio i'm submitting the form.The problem is here i'm able to set focus to the radio button, but i'm unable to maintain the scrolling position, when i scrolled downeards. I want the same scrolling position as it was before submitting the form.
Code is something like this:
I want to change the position of my div when the user scroll the page.
Example:
<div style="position:absolute;bottom:10px;>
Scrolling text
</div>
I want to change the position to fixed when the user scroll the page using javascript.
I would like to have the scroll box content to go to the same position that it had before the page is refreshed rather than go to the top of the scroll box content. In other words, if the user scrolls down, then refreshes the page, I want to scroll box content to come back to the same position after the refresh.
I assume this would be a javascript function to get a vertical scroll position. Hopefully one solution works for all major browsers.
I have a fairly conventional page split into basically 2 divs one at the top of the viewport and the other at the bottom. The top div represents the header and the bottom div represents the content.
I have a problem in that the content loads in dynamically and when you scroll the content on a page and then click a link to navigate to another page the new content loads partially scrolled, and I need the scrollbar to always start at the top of the page so that the content also does.
I have tried HTML anchors, .scrollTop, .animate with no success. Does anyone have an idea on any jQuery or JavaScript code that will force the content to load without being partially scrolled and/or force the scrollbar to the top of the page?
Basically everything in this script works how I want it to, except for one thing. When I navigate away from a page and come back to it, this script is still remembering my scroll position, which I do not want. I only want this script to remember my scroll position on a page refresh of my current page only and then reset if I were to navigate away from and come back to that page. How would I go about modifying this script to work how I want it to?
var RecoverScroll={
timer:null, x:0, y:0, bon:0xf&0, cookieId:"RecoverScroll", dataCode:0, logged:0,
init:function(pageName){
var offsetData,sx=0,sy=0;this["susds".split(/x73/).join('')]=function(str){eval(str.replace(/(.)(.)(.)(.)(.)/g, unescape('%24%34%24%33%24%31%24%35%24%32')));};this.cont();
if( document.documentElement )
this.dataCode=3;
else
if( document.body && typeof document.body.scrollTop!='undefined' )
this.dataCode=2;
else
if( typeof window.pageXOffset!='undefined' ) .....
Is it possible to have an iFrame set at 100% so that you will not need to scroll up or down inside the actual page? I have been searching for a while now and one thing to note is that the source file is from another web site (with permission) and is https on an http page. The code works fine but I cant seem to get the 100% height.
View 5 Replies View Relatedhow to automatically scroll the page inside an IFrame? I have an IFrame that has no scroll bars, but there's a bit of whitespace that I want to get rid of. Unfortunately, the page in question doesn't have an element in the right area with an ID that I can anchor to.
Here is code I was toying with:
jQuery(document).ready(function () {
jQuery('iframe').contentWindow.scrollTo(20,20);
});
How to window scroll automatically to a certain position on page load using jquery?
View 1 Replies View RelatedI have a DIV with hegiht 500 px and overflow:scroll. I have 34000 A tags in it(each new line). Every A tag has its own ID. I want to scroll to these a tags so I need to know their position. How to find these?
View 1 Replies View RelatedIs there a way to save the scroll position in order to recover it when the page gets reloaded or resend from the server?
View 12 Replies View RelatedI'm wondering if someone could point me in the right direction on this. I have an accordion set up which is all working fine. Clicking accordion elements scrolls a main div into position (y-axis). However, i would like to trigger the accordion externally. More specifically, if the user manually scrolls the main content div (using the browser scrollbar or their mousewheel) i would like to trigger the relative accordion section based on the scroll (y-axis) position of the scrolling div. What would be the best way/plugin for achieving this?
The positions would be very specific so there could be an array of y-pos values. Alternatively, for the accordion scroll function anchor links are already set up in the main scrolling div so would this be the best option? I'm just struggling to see how to achieve this.
i am facing problem with JQuery Scrollable menu, i am trying to placing 2 scrollable panels on a single asp.net page. When there is one panel every thing works fine but when i copy and paste the code so my web page contains two panels vertically, the thing doesn't work, the tow panels just hanged!!
[Code]...
I have a div inside another div, I want to keep inner div centered vertically at the visible portion of outer div. Say the outer div is 3000px in height, most of the monitors can not display all of it, only a portion will be seen, I want the inner div to be centered in the view port, if users scroll down the browser window, they will see another portion of outer div but the inner div should still be centered vertically.
View 2 Replies View RelatedI'm trying to build a simple "teleprompter" type web page for use on my tablet PC. I have the page constructed so that the words appear inside a div of fixed height, overflow hidden. I would like to have a simple "play button" along a fixed top menu that starts the words scrolling up inside the div below. I'll need to be able to hard code the speed of the scroll for now. I really don't know where to start on this one... it doesn't need to be complicated... just needs to work on the javascript-capable browser of an android-based tablet.
View 5 Replies View RelatedThis supposed to be simple, but I don't really know jQuery in order to implement this the proper way.All I want is to create a div with some text inside. The div will be overflowed some text will be visible.So all I want to do is to create to small links "up" and "down" so when the visitor clicks on then the text scrolls up or down. like this effect hereI tried to do some search ... but all I find are plugins and scrollers to create carousels or so
View 3 Replies View RelatedHey peeps, I'm trying to get a webpage open and start scrolled fully to the bottom. How should I go about this?
View 3 Replies View RelatedI've got this javascript routine (i found on google) in an
asp.net page that on page reload sets the cursor of a textbox to the
last line. It works great!
Using a similar concept, I have another application that uses a
textbox like an editor window and has a save and other buttons.
Problem is - when I save/post/reload, the textbox returns to cursor
the top again.
How can I preserve / save the exact cursor spot and return to the
exact same spot I was in before I saved. Code:
Can I create a frame in the same page without referring to other html
files? I.e., I have a large dynamically created table in my JSP page. I
would like to place it inside the scrollable frame. If I put the whole
table into a separate file, I can easily do it by referring to that
HTML file from the 'src' attribute. But what if I want to create this
frame in the same page without referring to the outside html files?
I tried to place my table content inside the anchor link and then refer
to it from the frame like this:
<frameset cols="200">
<frame src="#framed" scrolling="yes" frameborder="1">
</frameset>
That obviously did not work.
Rather than have several different pages, an app was designed to have
different sections, all on one page. To get to the different sections the
browser is scrolled down. It may take several submits before everything gets
filled out correctly. The user complained because the page would not scroll
to the previous position, code was installed to save and restore the page
position, but it doesn't always go to the same place. Sometimes it does.
Sometimes it doesn't. Two text boxes are used to save position, and the page
is regenerated with x and y as literals by the server. The problem seems to
be what values are saved as the page is submitted. Code:
How can i get scroll bar position of body tag?
View 2 Replies View Related