javascript不适用于margin-top

Question

我对这个javascript有一些问题，它应该在滚动时更改一个元素的margin-top。但它不起作用，我不知道为什么，因为我从未使用过javascript。

html和css只是重要的部分。

HTML：

<link href=\"css2/bootstrap.css\" rel=\"stylesheet\">
<link href=\"css2/bootstrap-responsive.css\" rel=\"stylesheet\">
<link href=\"css2/font-awesome.min.css\" rel=\"stylesheet\">
<link href=\"css2/colors.css\" rel=\"stylesheet\">
<link href=\"css2/style.css\" rel=\"stylesheet\">

<script>
$(window).scroll(function(){
var fromTop = $(window).scrollTop();
$(".widget").css('margin-top', '-' + (1000 - fromTop) + 'px');
});
</script>

<div class=\"search-form widget\">
...
</div>

的style.css：

.widget {
}

.search-form {
padding: 30px 40px 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: #fff; /* ie8 */
background: rgba(255,255,255,0.85);
border: 1px solid #fff;
position: fixed;
width: inherit;
}