I'm using Kamanari gem and jQuery infinite scroll for endless pagination. Everything works perfectly but when I visit other page and back to posts list page then the pagination starts from first page. Instead of starting pagination from first page it should remember the previous post location.
I tried JavaScript History API: pushState and replaceState to update the URL according to the scroll position and navigate away from that page and click on browsers back button. It take me to previous scroll positions by scrolling and loading the contains till I get to previous scroll position. But this is taking too much of time by scrolling and loading the contains.
What I need is to be instantly back to the previous scroll position when I click browser back button just like in mobile Facebook, Twitter and G+.
What will be the best solution? How can I achieve this task?
Thanks in advance.
Rails endless pagination should remember previous position when back from other page
1k views Asked by Ganesh Kunwar At
0
There are 0 answers
Related Questions in JAVASCRIPT
- Using Puppeteer to scrape a public API only when the data changes
- inline SVG text (js)
- An array of images and a for loop display the buttons. How to assign each button to open its own block by name?
- Storing the preferred font-size in localStorage
- Simple movie API request not showing up in the console log
- Authenticate Flask rest API
- Deploying sveltekit app with gunjs on vercel throws cannot find module './lib/text-encoding'
- How to request administrator rights?
- mp4 embedded videos within github pages website not loading
- Scrimba tutorial was working, suddenly stopped even trying the default
- In Datatables, start value resets to 0, when column sorting
- How do I link two models in mongoose?
- parameter values only being sent to certain columns in google sheet?
- Run main several times of wasm in browser
- Variable inside a Variable, not updating
Related Questions in RUBY-ON-RAILS
- How to display legend box in tooltip text for amCharts 5 in Rails application?
- how to integrate cashfree payment gateway in ruby on rails project
- RSpec Capybara throwing Selenium error when trying to click a button with browser confirm
- rails minitest not picking up fixture properly, instance variable not percolating
- Duplicate GET requests - Rails & Heroku
- How to stub out current_user in JWT model for Rspec?
- NameError in Home#index
- Verifying Google Identity OAuth2 token with Ruby
- Error WebMock::NetConnectNotAllowedError in testing with stub using minitest in rails (using Faraday)
- why is mission_control-jobs erroring with load path error?
- Rescuing validation errors from a polymorphic association
- New error on random number assigned to local variable , Rails
- How to fix error in model with gem lockbox
- Images uploaded via Active Storage not displaying in Active Admin or on certain devices
- controller test_methods generating two errors intermittently
Related Questions in BROWSER
- (in promise) TypeError: NetworkError when attempting to fetch resource
- How could i add a bookmark and tabs function in PySide6?
- Difficulty Accessing HTTP URLs/IP Addresses Due to Browser Redirecting to HTTPS: Seeking Solutions
- Can be their an extension to save pages in as offline in the browser itself?
- Connecting puppeteer to an existing Brave Browser instance using
- How can I modify javascript native fetch function from an extension?
- Update your browser to use...in android webview application
- Why does throwing an error in any browser developer console not get caught by window.addEventListener('error')?
- The javascript and css files cached by chrome do not belong to the same version
- Unlike chrome Unable to create multiple instance of sidepanel while creating extension for edge browser
- Cannot import a class from a WebPacked javascript file
- How do I keep the same time input style in both firefox and chrome
- Use GUI application on Github Codespace
- get cpu / gpu capabilities from client in react / typescript?
- How to close a browser context after multiple test is written in same file
Related Questions in PAGINATION
- In Datatables, start value resets to 0, when column sorting
- React Query infinite scroll pagination resets to first page
- How to implement pagination on the custom dropdown item's in flutter
- How to modify HTML in WordPress core file
- CakePHP 4 Custom Routing Issue with Paginator Links
- How to set up the link for the paginated files in the Get Rows(V2) Logic App connector and pass it via Azure API call?
- Paging 3 Library with Jetpack Compose Not calling the load method after initial load
- Customising Mui pagination to dots instead of numbers
- Performance degradation in Asynchronous paging
- PrimeNg paginator wont display "Entries per page" or Showing entries per page
- WordPress Pagination not working Properly with Custom Post Type
- Is it possible to programmatically access rows from different pages within a TablePress table that utilizes pagination?
- Pagination does not work in Apollo React Native
- Vue 3 component not rendering on the page
- pagination node.js mongoose express, am I doing it wrong?
Related Questions in PUSHSTATE
- URL exists only in history.pushState()
- Replacing history.pushState to send events (getting Ilegal invocation error)
- React- adding query param with pushState adds trailing slash before params (without react router)
- history.pushState: Back button until history at "first" entry, then default back button behaviour
- I need to prevent showing previous pages from my django app
- Chrome Extension scripts: simpler way to listen for any type of URL visit?
- prevent javascript to encode url
- Get active a tags switching to work with pushState?
- history.pushState on sub pages in an Angular.js application
- Why does history.pushState() not get respected when using the built in browser back button in Safari 16.* and Chrome 107.0.5304?
- React Router 6 - useLocation Not Working Like I Expected
- ( jQuery Pjax ) and WordPress
- Back button override: onpopstate and pushState trick only works when content is clicked
- Switch slider (using a checkbox) is flickering with AJAX "back" history
- Prevent Adding To History API Array
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)