jquery - 无法使用jquery更改css中div的位置

标签 jquery html css

无法改变位置。 它离顶部还有 250 像素。 请,需要帮助!

这是 jquery :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>

<script>
$(window).scroll(function(){
$('#menu').css('top',Math.max(0,250px-$(this).scrollTop()));
});
</script> 

HTML::

<div class='pure-u' id='menu' style='position: fixed;top:250px;'>
 <div class='pure-menu pure-menu-open'>
    <ul>

        <li class=' '>
            <a href='/base/'>Base</a>
        </li>
  </ul>
 </div>
</div>

最佳答案

250px-$(this).scrollTop() 是问题所在。 250px 不是要减去的有效数字。你应该使用这个:

$('#menu').css('top',Math.max(0,(250-$(this).scrollTop()) + "px");

关于jquery - 无法使用jquery更改css中div的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17442236/

相关文章:

html - CSS 位置 :fixed not working in ie

javascript - 在单选按钮选项上选择不同的 div

html - Div 试图居中但不起作用

jquery 在 Firefox 中返回 null 背景值

javascript - jQuery/JavaScript实现smallslider效果

jquery - 自动提交表单时,如何添加标题?

javascript - $.fn.submit() 事件不会在 &lt;iframe&gt; 中触发

javascript - Jquery:交换 Div 的 html

php - 段落<p>警告框作为回显?

相邻的 CSS 选择器