javascript - How to achieve floating div on scrolldown -

-

i newbie on jquery, , want div hang on top of screen when page scrolldown more 50, how can achieve this?

i want div absolute , not fixed.

http://jsfiddle.net/8uccy/

$(document).ready(function () {     $(window).scroll(function () {           if ($(window).scrolltop() > 50) {               $(".articlebutton").css("top", "0px"); //i want value change dynamically scrollbar moves down, div stays on top of screen           } else {               $(".articlebutton").css("top", "-50px");           }      }); });

you can set position top -100 since -50 , scroll occurs after 50:

$(".articlebutton").css("top", ($(window).scrolltop()-100)+"px");

Comments

Post a Comment

Popular posts from this blog

Unable to remove the www from url on https using .htaccess -

-
i want remove www site url. ie. https://www.domainname.com.au https://domainname.com.au . i have tried various .htacces code nothing work me. here present code remove www http not work https. rewriteengine on rewritebase / rewritecond %{http_host} ^www\.(.*)$ [nc] rewriterule ^/(.*)$ http://%1/$1 [r=301,l] rewritecond %{https} off rewriterule ^(.*)$ https://domainname.com.au/$1 [r=301,l] rewriterule ^code-of-conducts/(.*)/$ code-of-conducts.php?type=$1 rewriterule ^parents/post-a-job/(.*)/edit/$ parents/post-a-job.php?action=edit&id=$1 rewriterule ^parents/post-a-job/(.*)/$ parents/post-a-job.php?job_type=$1 rewriterule ^parents/open-jobs/(.*)/delete/$ parents/open-jobs.php?action=delete&id=$1 rewriterule ^parent-profile/(.*)/$ parent-profile.php?id=$1 rewriterule ^parents/job-details/(.*)$ parents/job-details.php?applied_id=$1 rewriterule ^sitterprofile/(.*)/$ sitterprofile.php?id=$1 rewriterule ^sitter/job-board/state/(.*)/page/(.*)/$ sitter/job-board.ph...
Read more