jscroll | An infinite scrolling plugin for jQuery | Plugin library

I'm trying to implement an infinite scrolling based on this tutorial.

Couldn't be simpler, right? well... It's not working. This is my code here:

In the route file (I didn't put it in a controller because was a simple test)

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

The code below fetches a url and article_id from the database. It crawls the url page, takes the snaps of images present in the url and saves it in my remote server.

PS: Noob at javascript!

I have a new issue where I have reached trough all my hair all the way to the skull while scratching for a solution. I have simulated my problem underneath, (I don't know if this is normal procedure, but I tend to simplify to understand the problem and try to fix it). I need to have a two columns JPanel divided in a 70/30% portion. User will add a TON of JLabels and JTextFields, etc, all different of widths in these separate columns. I cannot use GridLayout because not all objects are the same width. When user will insert too many objects i want the entire JPanel to scroll. I have implemented 3 JPanels so far, one main that is a BoxLayout where inside there are 2 FlowLayout JPanels and in each sub JPanel I have added my objects. The problem is that I want the JScrollPane to be applied to the MainPanel and not individually to each sub JPanel or else it would be ugly. I don't know how to setSize only to the Width and not the height in such a way that the JScroll applies to my entire MainPanel. Thanks and best regards

I am working on a web page that dynamically adds content as the user scrolls down. As a part of this process I will have 'a' elements that have been added to the DOM and then I want to give them an href link dynamically. The problem is that I get this error from Google Chrome.

Access to XMLHttpRequest at 'https://www.youtube.com/watch?v=K4NRJoCNHIs' from origin 'http://localhost' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Cross-Origin Read Blocking (CORB) blocked cross-origin response https://www.youtube.com/watch?v=K4NRJoCNHIs with MIME type text/html. See https://www.chromestatus.com/feature/5629709824032768 for more details.

Here is an example of the code that causes this problem.

I've been trying to wrap my head around this for hours now but could not understand why it is not working. I have a timeline with many posts. The first initial posts are available by a direct PHP output. Any following posts are loaded via ajax / jscroll plugin.

Any post can be liked, or commented. Works fine for the initial posts but not by the later loaded posts. Now I tried a few things:

the task i am trying to do is simple. I want to add JButtons to a panel in a vertical way, but using a loop to adding it, i tried to do it using .setBounds() and .setLocation() mehtod, but i dont have any results.

In a simple way, i want to do this but adding the buttons vertically and keeping the JScroll bar...:

Having a nightmare with this after hours of searching for a solution for something seemingly very common, just going round in circles at the moment.

I've recently changed my Laravel project from using gulp to Laravel Mix, SASS etc all working perfectly but my JS isn't playing ball.

Anything using jQuery * inline * in the blade/php template fails with:

I am using a jscroll plugin for infinite scroll and jQuery lazyload plugin https://www.appelsiini.net/projects/lazyload

Lazyload: