Rumah hujung hadapan web tutorial js 基于jquery的滚动条滚动固定div(附演示下载)_jquery

基于jquery的滚动条滚动固定div(附演示下载)_jquery

May 16, 2016 pm 05:48 PM
bar skrol

例如:淘宝商品详情里,滚动条往下来拉的时候,商品详情和评价那个nav会固定,现在很多网站也都有这样类似的效果,现在流行这个么?元芳,你怎么看?我也在网上找了找代码,屡试不爽啊,很多代码乱且没用。于是乎,我自己写一个,代码非常之简单,只有10几行,但遗憾的是,不兼容IE6,如果谁有兼容IE6的例子,还请指教。

直接贴下代码吧。

复制代码 代码如下:





demo

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
2 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Repo: Cara menghidupkan semula rakan sepasukan
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Cara mendapatkan biji gergasi
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Microsoft membawa bar skrol Fasih Windows 11 ke Google Chrome Microsoft membawa bar skrol Fasih Windows 11 ke Google Chrome Apr 14, 2023 am 10:52 AM

Tidak seperti Windows 10, Windows 11 menampilkan "bar skrol cecair" moden baharu yang berubah bentuk apabila pengguna berinteraksi dengannya. Bar skrol fasih bersifat dinamik, ia berskala secara automatik dalam faktor bentuk yang berbeza atau apabila anda menukar saiz tetingkap, dan pada masa ini ia digunakan dalam apl seperti Tetapan, Pemain Media dan banyak lagi. Google Chrome mungkin mempunyai fungsi bar skrol yang lancar tidak lama lagi, menurut cadangan baharu daripada Microsoft. Microsoft mengatakan dalam cadangan bahawa mereka mahu memodenkan bar skrol lama dalam Chrome

Bagaimana untuk menyembunyikan penatalan bar skrol dalam tindak balas Bagaimana untuk menyembunyikan penatalan bar skrol dalam tindak balas Dec 21, 2022 pm 03:38 PM

Bagaimana untuk menyembunyikan skrol bar skrol dalam bertindak balas: 1. Buka fail "react-native" yang sepadan 2. Tetapkan skrol mendatar melalui mendatar 3. Sembunyikan bar skrol mendatar dengan menetapkan nilai "showsHorizontalScrollIndicator" kepada "false".

Cara menetapkan bar skrol agar sentiasa dipaparkan pada sistem Mac - Cara menetapkan bar skrol agar sentiasa dipaparkan Cara menetapkan bar skrol agar sentiasa dipaparkan pada sistem Mac - Cara menetapkan bar skrol agar sentiasa dipaparkan Mar 18, 2024 pm 06:22 PM

Baru-baru ini, beberapa rakan telah merujuk kepada editor tentang cara menetapkan bar skrol sistem Mac untuk sentiasa dipaparkan . Langkah 1: Dalam menu mula sistem, pilih pilihan [System Preferences]. Langkah 3: Pada halaman Keutamaan Sistem, pilih pilihan [Umum]. Langkah 3: Pada halaman umum, pilih [Sentiasa] untuk memaparkan bar skrol.

Cara mengodkan kotak teks bar skrol HTML Cara mengodkan kotak teks bar skrol HTML Feb 19, 2024 pm 07:38 PM

Tajuk: Cara menulis kod kotak teks HTML dengan bar skrol Kotak teks dalam HTML ialah salah satu kawalan input pengguna yang biasa digunakan Dalam sesetengah kes, apabila kandungan teks terlalu panjang, kotak teks akan dipaparkan tidak lengkap. Pada masa ini, kita boleh menambah bar skrol pada kotak teks untuk menyokong penatalan. Artikel ini akan memperkenalkan secara terperinci cara menulis kod kotak teks HTML dengan kesan bar skrol, dan memberikan contoh kod khusus. 1. Gunakan elemen textarea untuk mencipta kotak teks Dalam HTML, kami menggunakan elemen textarea untuk mencipta kotak teks.

Bagaimana untuk membuat bar skrol html Bagaimana untuk membuat bar skrol html Feb 22, 2024 pm 03:24 PM

Cara membuat bar skrol HTML memerlukan contoh kod khusus Dalam reka bentuk web, bar skrol adalah elemen biasa yang membolehkan halaman web mudah ditatal apabila terdapat terlalu banyak kandungan. Artikel ini akan memperkenalkan cara membuat bar skrol menggunakan HTML dan memberikan contoh kod khusus. Pertama, kita perlu memahami prinsip asas mencipta bar skrol dalam HTML. Gaya CSS boleh digunakan dalam HTML untuk mengawal penampilan dan kelakuan bar skrol. Secara khusus, kita boleh menggunakan sifat CSS untuk menetapkan bar skrol termasuk sifat yang biasa digunakan

Bagaimana untuk mendayakan atau melumpuhkan bar skrol yang sentiasa dipaparkan dalam Windows 11? Bagaimana untuk mendayakan atau melumpuhkan bar skrol yang sentiasa dipaparkan dalam Windows 11? Apr 24, 2023 pm 05:58 PM

Sistem pengendalian Windows membolehkan pengguna menentukan sama ada bar skrol harus disembunyikan secara automatik apabila ia tidak aktif atau tidak digunakan. Windows, sebaliknya, mendayakan bar skrol secara lalai. Jika mana-mana pengguna ingin mendayakan atau melumpuhkan ciri ini pada sistem mereka, sila rujuk artikel ini untuk membantu mereka mengetahui caranya. Cara mendayakan atau melumpuhkan bar skrol sentiasa hidup dalam Windows 11 1. Menekan dan menahan kekunci Windows+U akan membuka halaman Kebolehcapaian pada sistem anda. 2. Pilih kesan visual dengan mengklik padanya, ia terletak di bahagian atas halaman Kebolehcapaian. 3. Jika anda ingin mendayakan ciri Sentiasa Tunjukkan Bar Tatal pada sistem anda, klik butang togol Sentiasa Tunjukkan Bar Tatal untuk menghidupkannya seperti yang ditunjukkan di bawah. 4. Anda sentiasa boleh menunjukkan

Chrome akan datang ke bar skrol bertindih gaya Windows 11 Chrome akan datang ke bar skrol bertindih gaya Windows 11 Apr 23, 2023 pm 06:40 PM

Seperti yang diketahui oleh kebanyakan kita sekarang, sistem pengendalian Microsoft baharu Windows 11 menampilkan bar skrol tindanan yang berubah bentuk apabila kita mendekati atau menggunakannya. Anda mungkin berminat untuk mengetahui bahawa ciri dinamik yang sama juga sedang diuji dalam penyemak imbas Chromium. Ini pada asasnya bermakna bahawa versi percubaan Windows 11 penyemak imbas Chrome yang akan datang mungkin mempunyai fungsi bar skrol tindanan tidak lama lagi. Chrome akan mempunyai bar skrol tindanan gaya Windows 11 tidak lama lagi, yang syarikat teknologi berasaskan Redmond telah menguji dalam penyemak imbas web Edge berasaskan Chromium sejak Ogos 2021.

Bagaimana untuk menetapkan gaya bar skrol html Bagaimana untuk menetapkan gaya bar skrol html Oct 11, 2023 am 10:08 AM

Tetapan gaya bar skrol HTML boleh menggunakan scrollbar-width, scrollbar-color, ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track, dsb. Pengenalan terperinci: 1. lebar bar skrol, digunakan untuk menetapkan lebar bar skrol Anda boleh menggunakan nilai lebar nipis, automatik atau lain-lain untuk menetapkannya, dsb.

See all articles