StickyBar jQuery Plugin

asik jadi komentar perdana.. hehehe

ouh ia.. mengenai sticky .. kalau pengen menyembunyikan dulu lalu tampil saat di scroll ke bawah gimana om.. scriptnya apa yang musti di ubah...

soy mas bro. saya mau tanya, sticky nya bisa gak pergerakan gak kasar. maksudnya seperti googleblog.blogspot.com atau seperti ini codecanyon.net/item/jquery-css3-sticky-mega-menu-bar/full_screen_preview/239093

saya sudah mencoba memakai sticky ini pada menu saya, tapi ketika scrool diturunkan kebawah, kasar gitu sticky nya. nah kalau bisa masbro kasih tau gmana caranya buat sticky yang seperti codecanyon diatas tadi. kalau bisa saja. mohon dibantu.

maaf ni masbro, kalau bisa saja. kalau tidak bisa tidak apa apa. terimakasih ya udah baca koment saya. salam kenal

kebetulan yg masih saya pake adalah yg fixed dari dynamic drive , sprtinya yg ini lebih sempurna :-bd

padahal sudah top:0

tapi kok masih blom mepet ke atas ya mas?

http://jadikanpinter.blogspot.com

lihat bagian sidebar - Pilih Kategori

hohohoho di blog saya ada jg tuh sticky (bag. menu) <3
wew ada HIBERNASI :D

Lama tidak mampir ada lagi yang baru rupa-nya. Sayang sekali modemku ngadat bang dan lelet jadi tidak bisa coba..

permisi numpang mampir.. :D skadar mo ngucapin Met Raya Idul Fitri, taqabalallaahu minna wa minkum, mohon maaf lahir batin to Mas Taufik dan temen2 di sini.

*makasih Mas Taufik udah banyak bagiin ilmu yang langsung ane terapin di blog \o/

Bang, tolong dong cek in http:// blog-himajie.blogspot. com/ , kok work, tpi hasilnya ga ngikutin window ya :(

Memang susah kalau hubungannya sudah langsung dengan template/posisi elemen lain. Coba kamu bungkus dulu sidebarmu dengan elemen baru lalu set pembungkus itu sebagai elemen sticky:

$('#sidebar-wrapper-2').wrap('<div class="sticky-el"></div>');
$('.sticky-el').stickyBar();

wahh tengkiuu bgt banngg,, :-bd mantaaappp... makasih bantuannya. sukses slalu buat blog ini :D

mas, kalo misalnya kita mau memberhentikan StickyBarnya di sebuah tempat berbeda, misal kalo udah sampe di HTML2 Stickybarnya berhenti mengikuti, itu bisa ga ? :D

Tinggal set nilai opsi until dengan ID widget tersebut:

$('.box').stickyBar({
until: "#HTML2"
});

kalo script itu di gabungin sama script yang d atas bisa kan mas ?
kalo saya mau coba sticy barnya saya kasih di salah satu widget apakah optionya gini mas ?

$(function() {
$('#HTML1').stickyBar();
});

HTML1 misal salah satu widget

Yep.

Oke mas, saya coba deh :)

kalo yang di sticky itu judul postingan gimana?

$('.post-title').stickyBar();

makasih bisa nih
#CommentBack

saya coba berhasil.. \o/
tapi pas saya ganti dengan top menu jadi gini ya mas??
Hasil:

malah tidak tratur..!! --> http://jsfiddle.net/azewbz/5zy4L/

ga jadi mas`udah bisa..!!
tapi pemasangan di blognya kaya gmna? apalagi liat plugin ini : http://hompimpa.googlecode.com/svn/trunk/StickyBar/js/jquery.stickybar.js

itu emang sgtu pluginya yg harus di simpen di blog?

Pakai yang sudah dikompres ⇒ http://hompimpa.googlecode.com/svn/trunk/StickyBar/js/jquery.stickybar.min.js

sukses`
trus mas biar posisinya di kiri/kanan gimana ya?
soalnya template saya full ga ada sidebar jdi malah tampil di tengah..!!

cek : azewcreator.blogspot.com

Pakai markup HTML tambahan untuk memposisikan menu ke kiri/kanan:

<div class="menu-holder">
<div class="menu"> ... </div>
</div>
.menu-holder {
position:absolute;
top:200px;
right:0; /* menempel ke kanan */
}
$('.menu').stickyBar();

Kalau kamu pasti ngerti maksudnya ⇒ http://jsfiddle.net/st7Pj/16/

\o/ hasil yg baik..!!
mksih mas`udah bantu.

mas, ko kalo cssnya ada margin(margin:0 -10px) ko malah elemennya geser ke kiri kalo discroll
gimana biar gak geser?

margin:0 -10px artinya seperti ini:

margin-top:0;
margin-right:-10px; /* negatif ke kanan */
margin-bottom:0;
margin-left:-10px; /* negatif ke kiri */

Makannya jadi bergeser ke kiri. Mengenai nilai negatif ke kanan tidak terpengaruh karena plugin ini secara otomatis menentukan lebar elemen. Jadi hanya akan bergeser ke kiri saja.

lha terus gimana biar elemen yang diberi sticky gak geser?
cek lastmylife.blogspot.com

iya. sticky widget di blog saya juga gak bergerak

mas bro kalo tanpa batas akhir gmn ya, jadi mengikuti terus sampe bawah mentok

cth : http://backlinkgratisberkualitasindonesia.blogspot.com/

biar dia ngikut terus tanpa henti bagaimana solusinya?

makasih banyak <3

Plugin ini secara normal tidak akan pernah menghentikan elemen sticky, selama opsi until tidak ditentukan.

jadi opsi untilnya di kosongkan saja begitu?

thx before.

lam kenal sebelum nya mas, plugin dah saya pasang tapi kokwaktu scrol ke bawah tapilannya jadi di belakang layar , mohon pencerahan nya monggo di cek gond3s.com

Coba tambahkan kode z-index:99 pada bagian #menu{bla bla

sukses gan, sebelumnya makasih banyak wat pencerahannya, N lam kenal aja

sama sama mas salam kenal juga

apa yg salah ya di script saya ini?
$('nav').stickyBar();
$('#BlogArchive1').stickyBar({fixedClass: 'arsip-melayang', top: 20px, until: 'custom-comment-editor-wrapper'});
mau nambahin efek sticky di NAV sama widget Arsip malah tidak bekerja scriptnya,, :( =p*

$(document).ready(function() {
$('nav').stickyBar();
$('#BlogArchive1').stickyBar({
fixedClass: "arsip-melayang",
top: 20,  // tanpa satuan
until: "#custom-comment-editor-wrapper" // kurang simbol `#`
});
});

Komentar ini telah dihapus oleh pengarang.

bisakah sticky bekerja setelah kita mengklick elemen tertentu?

Apakah ini bisa digunakan sebaliknya mas.. ? misalnya ketika discrooll ke atas elemen yang dibawah tetep di dibawah kurang lebih seperti tombol back to top di DTE

Plugin ini tidak mendukung logika yang terbalik. Harus membuat kalkulasi sendiri kalau ingin membuat efek sticky seperti di blog ini. Kalau mau bisa mencari plugin sejenis ini di luar yang cukup berat, tapi bisa digunakan untuk menangani banyak kasus (tergantung konfigurasi dari pengguna). Kata kunci:

[1]. “javascript/jquery sticky plugin”
[2]. “jquery waypoint”

yup terima kasih mas.. akan saya coba... dan pelajari.

Kalau mau dibikin on / off dengan klik tombol gmn kodenya mas ??

mas mohon bantuannya dong, klo cuma ambil plugin untuk untilnya saja bisa gak?soalnya klo yang lain tidak digunakan sayang. :D

⇒ /2012/05/sticky-nav.html

Ni koment perdana saya, taunya jga dari blong kang ismet, disana juga baru perdana commnet :D
Mas, buat sticky limit itu gmn ya?
klo dikombinasikan dengan sticky easing codenya seperti apa?
Thanks

Pagi kak, bagaimana caranya mematikan fungsi ini kak, aku coba begini :

$('#close').on("click", function {
$('#sidebar').stickyBar({});
});

Masih tidak bisa kak, Mohon bantuannya kak ?

Coba begini:

$('#close').on("click", function() {
$('#sidebar').removeAttr('style');
});

Belum berhasil juga kak,sidebar masih mengikuti scroll ?

oh iya, nambah satu lagi kak :
$(window).on("scroll", function() {
var position = $(this).scrollTop();
$('div').css('top', position);
});

Jika ingin nambahin effect SPEED dan EASING gimana kak ?

$(window).on("scroll", function() {
var position = $(this).scrollTop();
$('div').stop().animate({top:position}, 700, "easeOutBounce");
});