Липкий блок. Съезжают кнопки при скроллинге

<script type="text/javascript">     
$(document).ready(function()
{
var HeaderTop = $('#search-div').offset().top; 
$(window).scroll(function()
{
if( $(window).scrollTop() > HeaderTop ) 
{ $('#search-div').css({position: 'fixed', top: '5px'}); } 
else {$('#search-div').css({position: 'static'});}});}); 
</script>

<script>
var obj = $('#search-div'); 
var offset = obj.offset();
var topOffset = offset.top;
var marginTop = obj.css("marginTop");
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
        if (scrollTop < topOffset){
                obj.css({
                        marginTop: 1,
                        position: 'relative',
                });
        }
        if (scrollTop >= topOffset){
                obj.css({
                        marginTop: 1,
                        position: 'fixed',
                        
                });
        }
});
</script>
 
 
или если не заработает то вот так !
 
 
<script>
var obj = $('.search-div'); 
var offset = obj.offset();
var topOffset = offset.top;
var marginTop = obj.css("marginTop");
$(window).scroll(function() {
var scrollTop = $(window).scrollTop();
        if (scrollTop < topOffset){
                obj.css({
                        marginTop: 1,
                        position: 'relative',
                });
        }
        if (scrollTop >= topOffset){
                obj.css({
                        marginTop: 1,
                        position: 'fixed',
                        
                });
        }
});
</script>