Stack Overflow
Stack Overflow

Questions tagged [jquery-jscroll]

jScroll is a jQuery plugin for infinite scrolling (lazy loading)

jScroll is a jQuery plugin for infinite scrolling, written by Philip Klauzinski. Infinite scrolling; also known as lazy loading, endless scrolling, autopager, endless pages, etc.; is the ability to load content via AJAX within the current page or content area as you scroll down. The new content can be loaded automatically each time you scroll to the end of the existing content, or it can be triggered to load by clicking a navigation link at the end of the existing content.

For example, when you scroll to the bottom of some pages, new content will often load automatically, or you will be given a link to "Older Posts" which will load more content when clicked. This is called infinite scrolling.

Related links

Related Tags

26 questions
2
votes
3 answers

jScroll not working

my jScroll is not working, although I followed the example on http://jscroll.com/#example Am I doing it wrong? I have very little experience with jQuery.
HCLivess
  • 1,015
  • 1
  • 13
  • 21
1
vote
1 answer

jQuery requesting HTTP request instead of HTTPS and the request is blocked due to mixed-content

I have my site build on Laravel and using onscroll pagination at frontend with JScroll JavaScript plugin. I have properly setup my server and it is automatically redirecting to HTTPS. And when I access my site through my IP address on https, the…
Jessica Shamoon
  • 11
  • 4
1
vote
1 answer

Laravel Pagination render method does not exist

I'm trying to get the infinite loading / lazy loading working and below is my code. Controller $categories = Category::with(['products' => function ($query) { $query->where('status', StatusConstant::PT_ACTIVE)->paginate(20); …
1myb
  • 3,536
  • 12
  • 53
  • 73
1
vote
0 answers

Jscroll for Loyout like pinterest Layout

I Need to Load a boxes when scrolling( like pinterest .) I have used jscroll. as below. But loads all the boxes(pages) when page loades. It needed to be load when scrolling. Can anyone help me to fix this. I have used code from…
user
  • 115
  • 1
  • 12
1
vote
0 answers

What to write in nextSelector of jScroll for infinite scrolling with laravel 5 pagination?

I am quite new to Laravel and jQuery, so maybe this is a silly question. I am stuck and I don't know what to write in the nextSelector section of jScroll. nextSelector is supposed to contain the link to the next page, and I am using paginate() of…
Ronit
  • 127
  • 1
  • 8
1
vote
1 answer

How to load content in jscroll dynamically?

I have a controller in codeigniter which loads the posts like: public function loadpost($pg, $count = 2) { $offset = ($pg - 1)*$count; $this->load->model('posts'); $posts = $this->posts->fetch_post($offset,$count); foreach ($posts…
Abhilash Lenka
  • 55
  • 1
  • 10
0
votes
0 answers

jScroll.js nextSelector not found - destroying

I'm trying to implement infinite scroll with jScroll.js and Laravel 5.7. my code below as far as I followed all the tutorials and all the questions and answers on Stackoverflow I can't get it to work. on the console it gives jScroll: nextSelector…
user2682025
  • 656
  • 2
  • 13
  • 39
0
votes
1 answer

How to scroll table rows with jQuery jScroll?

There is not many useful examples with jQuery jscroll and it is a fact it doesn't work with table rows by default because it puts the results into a div element which screws up the table. I had this HTML template
Zoltán Süle
  • 1,482
  • 19
  • 26
0
votes
1 answer

How should I implement jScroll in a basic HTML page?

I'm trying to replicate this useless website: http://endless.horse, but the jScript documentation does not do a great job of explaining how to implement it. Basically, I need a block of text "Body" to be at the top, then for a block of text "Legs"…
wtrfl
  • 105
  • 1
  • 6
0
votes
1 answer

Jscroll loading same content

I am using jscroll to autoscroll content. Script section is given below