Paste code

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <style>
        #content{ min-height:1000px;background:white;width:600px;margin:0 auto !important }
        #content img{ max-width:600px; }
        body{ background:#f2f2f2;padding-bottom:200px; }
        div.fix{ position:relative;border:1px solid #f7f7f7;padding:5px;margin-top:50px;text-align:center }
        div.hareket{ position:fixed;top:20px;left:0;width:100%;text-align:center;background:white;padding:20px; }
    </style>
    [removed][removed]
    [removed]
        $(document).ready(function() {
            element = $('#fix').offset().top;
        });
        $(window).scroll(function () {
            kontrol();
        });
        function kontrol(){
            scrolltop = $(window).scrollTop();
            if(scrolltop > element)
                $("#fix").attr('class','hareket');
            else
                $("#fix").attr('class','fix');
        }
    [removed]
</head>
<body>

<div id="content">
    Burada content var işte


    <div id="fix" class="fix">Fixlenmiş</div>

<br>asdfsdasadf
<br><br><img src="http://thejosevilson.com/wp-content/uploads/2011/10/steve-jobs-in-time-magazine-front-cover.png">

<br><br>Steve reyiz

<br><br>Ov yeah
</div>
</body>
</html>