This document is to set the scroll to last saved location.
Technology and Tool Used :
- Oracle Apex
- Javascripts
Use Case :
If a requirement arise from user to set scroll to the last saved location i.e before page submit a user might be somewhere in the middle of the page and once the page gets submit the cursor by default will go to the top of the page , to prevent this and to bring the cursor to the last spot where the cursor was before submitting the page, this code can be used.
Steps to be followed:
Step 1 : Create a page item in apex screen.
Note : The item can be in hidden state also.
Step 2 : Create multiple report region or any region. The condition is that the page you have must have at least two region.
Note : In my case I have created 4 reports.
Step 3 : Now create a javascript code to capture the last scroll location
function scroll()
{
//var a = $(‘.t-Dialog-bodyWrapperIn’).scrollTop(); //Capture scroll of modal page.
var a = $(window).scrollTop(); //Capture scroll of normal page.
$(“#P7_SCROLL”).val(a); // Here P7_SCROLL is the item used to store the scroll location.
}
Step 4 : Now create a javascript to call the function scroll() before page submit.
To achieve this create a dynamic action before page submit and select execute javascript action.
This function will store the scroll location to the page item P7_SCROLL.
Step 5 Now create a Execute Javascript Code on page load
$(window).scrollTop(&P7_SCROLL.); //Set scroll of normal page.
$(‘.t-Dialog-bodyWrapperIn’).scrollTop(&P7_SCROLL.); //Set scroll of Modal page.
Step 5: Now save the page and click submit, after submit the scroll will stay in the last location.
