Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

Home > Web Front-end > JS Tutorial > body text

Scroll bar scrolling fixed div based on jquery (with demo download)_jquery

WBOY

Release： 2016-05-16 17:48:40

Original

1086 people have browsed it

For example: in Taobao product details, when the scroll bar is pulled down, the product details and evaluation nav will be fixed. Many websites now have similar effects. Is this popular now? Yuanfang, what do you think? I am also here I searched for codes on the Internet and found that many of them were messy and useless. So, I wrote one myself. The code is very simple, with only a few lines, but unfortunately, it is not compatible with IE6. If anyone has an example that is compatible with IE6, please give me some advice.

Just post the code.

Copy code The code is as follows:

demo

< /div>

I am red now, If you scroll down, it will appear blue. I haven't fixed it yet.

Friendly reminder: I only provide a simple Demo. In actual development, things in the Demo still need to be modified.
Online demo:

http://demo.jb51.net/js/2012/scrollfixed/

Attachment: Demo download

Related labels：

scroll bar

source：php.cn

Previous article：js code to determine whether a variable is undefined_javascript skills Next article：Find the most frequent letters and occurrences in a string - javascript tips

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn