[Plugin: Digg Digg] Ajax: Scrolling back up causes the post image to misalign down
-
See the issue here https://brijux.com/2010/05/05/current-library-system-is-very-inefficient/
Plugin works great except when I scroll back up, posts with images are mis-aligned and they are shifted down. There is no issue on posts without images.
I have made a video of this in case my site layout is changed. https://www.youtube.com/watch?v=MBURHwN3VbI
Here is my code
— Initial Position —.dd_ajax_float{ background:none repeat scroll 0 0 #FFFFFF; border:1px solid #DDDDDD; float:left; margin-left:-95px; margin-right:10px; margin-top:0px; position:absolute; z-index:1; }
— Scrolling Position —
$j=jQuery.noConflict(); $j(document).ready(function($) { //put content div class, when scroll beyond this y, float it var $postShare = $('.dd_ajax_float'); if($('.dd_content_wrap').length > 0){ var descripY = parseInt($('.dd_content_wrap').offset().top) - 20; var pullX = $postShare.css('margin-left'); $(window).scroll(function () { var scrollY = $(window).scrollTop(); var fixedShare = $postShare.css('position') == 'fixed'; //make sure .post_share exists if($('.dd_ajax_float').length > 0){ if ( scrollY > descripY && !fixedShare ) { $postShare.stop().css({ position: 'fixed', left: '50%', top: 20, marginLeft: -560 }); } else if ( scrollY < descripY && fixedShare ) { $postShare.css({ position: 'relative', left: 0, top: 0, marginLeft: pullX }); } } }); } });
Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)
- The topic ‘[Plugin: Digg Digg] Ajax: Scrolling back up causes the post image to misalign down’ is closed to new replies.