javascript - scroll scrolling issue

1. https://www.kayak.com.hk/holi... The main effect is the effect of this website. When the scroll bar is slid, the div on the right will scroll down, and the div on the left will also scroll accordingly. But because the div on the left is too long, the top part needs to be hidden, and this effect i...

过去多啦不再A梦 2017-06-26 10:55:45 0  4  956

javascript - How to monitor the distance between the horizontal scroll bar and the left scroll in native js?

Monitor the horizontal scroll bar's scroll distance from the left

我想大声告诉你 2017-05-19 10:08:22 0  2  617

javascript - js scroll bar implementation ideas

I didn't find the Vue2.0 scroll bar plug-in. I wanted to use JS to implement the scroll bar. I found several JS plug-ins for scroll bar implementation on the Internet. I would like to ask if any master has written the scroll bar code manually? Or is there a related blog? No code is required, just a ...

PHP中文网 2017-06-12 09:32:11 0  4  848

javascript - scroll end event

The requirement is to display and hide the scroll. The requirement is: the menu is hidden when scrolling and the menu is displayed when scrolling stops. However, I don’t know how to monitor the scroll end event. Please solve my doubts.

伊谢尔伦 2017-06-14 10:54:32 0  3  1118

javascript - Why can't the scroll event prevent bubbling?

The requirement is that when the mouse is inside an element with a scroll bar on the page, the scroll event is triggered to prevent the scroll of the body from being triggered at the same time. To put it bluntly: when the mouse rolls inside the div, even if the div scrolls to the end, the body will ...

PHP中文网 2017-07-05 11:07:59 0  6  4263

How to scroll to bottom of div?

I'm creating a chat function using Ajax requests, but I'm trying to get the message's div to automatically scroll to the bottom with no success. I wrap all the content in this div: #scroll{height:400px;overflow:scroll;} Is there a way using JS to make it scroll to the bottom by default? Is there a w...

P粉269530053 2023-08-20 12:38:02 0  2  591

Prevent scroll line from scrolling when crossing a block

I have 3 blocks, the second block has a line and a scrolling circle. The circles will scroll along with the main scroll and when the scroll stops, the circles stick to the nearest point i.e. the center of each block. But I am facing such a problem here, when the main scroll passes through the second...

P粉038856725 2024-03-29 23:23:06 0  1  401

scroll progress animation

I need to know how to animate scroll progress. This is not the normal scrolling progress, but something different. I'll provide a link to the website as well as a screenshot of the specific part that contains the animation I'm looking for. https://todoist.com/This is the link to the website. I have ...

P粉821808309 2024-03-29 19:36:49 0  1  430

javascript - The scroll bar covers the hover popup layer?

After adding the scroll bar, the scroll bar covers the pop-up layer on the right side and cannot be seen. After removing the scroll bar, the content can be seen. How should this problem be solved? (Unable to pop up) (You can see the pop-up layer) Please tell me how to solve it. I have to add a scrol...

曾经蜡笔没有小新 2017-05-19 10:47:52 0  4  837

javascript - About scroll bars and clientHeight

The little fairy scroll bar is really annoying. Regarding where it occupies, I found a blog like this. According to the practical results, this seems to be the case: The scroll bar occupies the position of the content, but when displayed, it is the position of the content. edge display. (According t...

天蓬老师 2017-05-19 10:47:31 0  1  700

javascript - load method refreshes scroll bar disorderly

I used load to introduce two public styles (head and tail), and then used ajax to obtain local json data from the middle of the page and load some content images. The result was refreshed from the ajax content each time the page scroll bar was refreshed. Scroll down a little and refresh the page fro...

学习ing 2017-07-05 10:50:21 0  1  909

Lower opacity of scroll background image, limit minimum opacity

I'm trying to get the background image to reduce the opacity on scroll and once away from the landing page, using vanillajavascript to lower it to a minimum of 0.5. I tried adding Math.max() in the scroll function to only get it down to 0.5, but it causes the image to stay at 0.5 for all pages. I wa...

P粉166675898 2024-04-04 23:50:53 0  1  1491

javascript - dropload+tab page, how to break the two scroll areas when scrolling on graphic and text pages?

How can I break something like this with two scroll bars? I only want to display one. Currently, the scroll bar is scrolling in the outer scroll bar when sliding. When the inner scroll bar is touched, only the inner scroll bar area moves, and the upper banner area does not move. .

伊谢尔伦 2017-06-08 11:03:15 0  1  886

Javascript scroll IntoView only when in viewport

I made a mockup (note that it uses spacing as it scrolls to a new line of text while the video plays). I'm using scrollIntoView with block: 'nearest'. The problem is, since the entire page has scrolling, it still scrolls the page. I just want it to scroll to the active text line in the linesdiv (it ...

P粉011684326 2023-09-11 16:33:49 0  1  510

macos - Can't scroll using the touch screen when opening a file with iTerm2 on mac?

The Terminal that comes with Mac uses Vim to open files. If the file has multiple screens, you can use the touchpad to scroll, which is very convenient for viewing the code. But when I open a file using iTerm2, I can't scroll using the touch screen. What's going on? How can I set it up so that I can...

伊谢尔伦 2017-05-16 16:34:00 0  1  814