How did JQ create such an effect? What should I add to the auto-read novel function that automatically scrolls 100px every second?

What should be added to JQ for the auto-scrolling function? This function was to reach the 100px position every second. How could it be-+100px every time? css:#news{ width:507px; height:405px; margin:100px auto; border:2px solid #000; overflow:auto; line-height:50px; }div： It's just the word JQ: $(function(){setDuration (function(){ $(#news).scrollTop(100); },1000) } })

Answer 1

To achieve an auto-scrolling 100px novel reading function every 1 second in jQuery, you can add the following code:

```
//Set novel link
<strong></strong></strong>

//Set to automatically scroll 100px every 1 second
var interval = setInterval(function() {
//Get the novel's page's browser element
<strong></strong>

//Get the novel's page's SSS style
<strong></strong></strong><strong></strong>

//If the novel's page is set to display: flex, use the Flexbox layout.
if (novel SSS === display: flex) {
//Get the title of the novel's page.
var titleHeight = $( #title-container )height();
var titleHeightDelta = 100;

//Get the height of the Chinese in the title drop-down box
var titleTextHeight = $( #title-container)height();

//calculate the distance of automatic scrolling per second
var titleHeightDeltaSizing = Mathfloor(titleHeightDelta / 100);

//Create a new Flexbox element and set the parent element to display: flex and set flex-direction to row and flex-wrap to wrap to make the title in the drop-down box self-adapting to the height.
var titleFlex = $(<div class='title-flex' style='display: flex; flex-direction: row; flex-wrap: wrap; height: + titleHeightDeltaSizing + px;'>)
children(h2)
children(p)(Please wait for the novel to be automatically read);

//Set title Flex as parent element
var div = $( #title-container )append(titleFlex);

//update the title's drop-down box every second
titleHTML = titleFlexhtml();
} else {
//If the novel's page is set to display: none, use the DOM operation to get the novel's page's browser element.
if (novel SSS === display: none) {
var div = $( <div> );
divcss(display block);

//Get the title of the novel's page.
var titleHTML = divchildren(h2)html();

//Set the title's drop-down box's element as the parent element
var div = $( #title-container )append(titleHTML);
}
}

//Set the tags in the novel page to gray to make the page easier to read
divcss(color gray);
} 1000);
```

This code would automatically scroll once every second and automatically scroll to the title drop-down box on the novel page. In this example, we used the Flexbox layout and set the parent element to display: flex to make the title adapt to the height. We also added a text to the title drop-down box so that we can know the title of the novel when we read it.

Before adding the ability to automatically read novels, you also need to add a link to the novel in the page. You can use a text box to do this for example:

```
&lt;input type=text id= novel Link nameplate = novel link/&gt;
```

Next, you can use the `val()` method of jQuery to replace the novel link with the value in the text box so that the server can receive the novel link correctly:

```
//Get the value of the text box
varNovelLink = $(#NovelLink)val();
```

Finally, you can pass the novel link to the server as an argument to retrieve the novel so that you can automatically scroll to the next chapter when reading the novel.