[Help] Cột thông tin thành viên trượt theo bài viết đầu tiên

Như tiêu đề, em muốn cho cột thông tin thành viên bên trái trượt theo bài viết đầu tiên thì làm sao ạh
Demo ảnh :
Demo sống : http://traitimyenbai.net/forum/thread-nhung-su-that-thu-vi-ve-trai-dat-106470-1-1.html
P/S : Em xin cám ơn trước

 

Có ai ở đây không, giúp em với

 

up up up...............

 

Bên đó dùng mã nguồn Discuz. Liệu xenforo có add on nào tương tự không nhỉ.

 

Up cho cao thủ VXF trổ tài

 

Slide banner đó code trong discuz là file http://traitimyenbai.net/forum/static/js/forum_viewthread.js?KVA
Bạn search từ khoá avatar sẽ thấy phần code của nó, cái này copy sang thì lu xu bu.
làm cái này bạn search từ khoá jquery fixed position banner có hàng tá hướng dẫn
VD: http://www.webresourcesdepot.com/smart-floating-banners/

 

Bạn biết làm thì hướng dẫn cho cả nhà luôn đi

 

cái này hay

 

Hay nhưng không làm được .Không biết có anh nào giúp đỡ được hok

 

Nếu theo bài nì thì mình chỉ cần xem cái class của avavtar là cái chi rùi thêm css vs js vô là đc hả ta ??

 

cơ bản là float dc bt nhưng đến post 2 nó float tiếp (nếu theo HD đó ._.)
Cần phải làm sao ấy, cho nó chỉ float đến 1 div nhất định rồi dừng

 

Bạn chèn thử đoạn code dưới đây vào cuối template thread_view nhé

Mã:

<script>
    (function () {
        var TOP = 10;
 
        $(window).bind('scroll', function () {
            var windowTop = $(window).scrollTop();
 
            $('.messageUserInfo').each(function () {
                var $this = $(this),
                    $message = $this.parents('.message'),
                    messageOffsetTop = $message.offset().top;
 
                if (windowTop > messageOffsetTop
                    && windowTop < messageOffsetTop + $message.height() - $this.outerHeight() - TOP) {
 
                    $this
                        .css({
                            position: 'fixed',
                            top: TOP + 'px',
                            zIndex: 9999
                        });
 
                } else {
                    $this
                        .css('position', 'static');
                }
            });
        });       
    })();
</script>

 

Làm theo cách này được nè. Chỉ có vấn đề là mình muốn nó trượt ở #1 thôi. Đằng này cái bình luận nó cũng trượt theo.

 

Bạn thay thành đoạn code này thì nó sẽ chỉ áp dụng cho bài viết đầu tiên nhé:

Mã:

<script>
    (function () {
        var TOP = 10;
 
        $(window).bind('scroll', function () {
            var windowTop = $(window).scrollTop();
 
            $('.messageUserInfo:first').each(function () {
                var $this = $(this),
                    $message = $this.parents('.message'),
                    messageOffsetTop = $message.offset().top;
 
                if (windowTop > messageOffsetTop
                    && windowTop < messageOffsetTop + $message.height() - $this.outerHeight() - TOP) {
 
                    $this
                        .css({
                            position: 'fixed',
                            top: TOP + 'px',
                            zIndex: 9999
                        });
 
                } else {
                    $this
                        .css('position', 'static');
                }
            });
        });       
    })();
</script>

 

Thế thì chết dở

 

Kinh vãi
Thánh từ Phương Nào lòi ra ạ =w=

 

Chết dở là sao boyplay.
À, bác clickxf cho hỏi thêm 1 tí là, cái em muốn cái thông tin thành viên nó đi tới cuối #1 rồi nằm yên tại đó chứ không biến mất như vậy thì phải làm sao. Khi nào kéo lên nó lại đi lên tiếp.Tks bác.

 

Cao thủ xuất hiện.
Nhưng làm sao để cái cột thông tin thành viên nó nằm yên chứ không bị biến mất như Demo nhĩ.

 

Bởi thế cái code jquery nó phức tạp, rãnh rỗi rành java nghiên cứu cái code thằng discuzz đó, mình thì bt rồi hehe

 

Kinh thế bác
Biết hay bt @@