Div没有移动到页面顶部

时间:2014-02-07 10:01:10

标签: javascript jquery html

$("#pg2_main_display_div ").css({ 
    top: -$("#pg2_main_display_div").offset().top
});

此处:-$("#pg2_main_display_div").offset().top值为-1033。

此代码无效。它还没有全部移动到顶部。

CSS:

#pg2_main_display_div #pg2_listdiv ul li a{
        left:0%;
        margin-left: 6%;
        padding-bottom: 2.8%;
        padding-top: 2.8%;
        font-size: 220%;
        color:white:
 }

 #pg2_main_display_div #pg2_listdiv img{
        font-size: 50%;
        margin-left: 5%;
        height: 40%;
        width: 4%;       
        top:44%;
 } 

2 个答案:

答案 0 :(得分:0)

试试这个.css({“position”:“fixed”,“top”:“0px”})。

但是就像Rob Quincey提到的那样,如果你想得到准确的答案,你就可以提供问题的详细信息。

答案 1 :(得分:0)

我创建了一个jsFiddle来尝试更好地理解你的问题并提供某种答案吗?请看这个,点击按钮,看看它做了什么,并自己编辑小提琴,更好地反映你想要做的事情。

http://jsfiddle.net/b7EMc/

HTML

<div id="moveMe" style="top:130px;left:200px;position:absolute;height:100px;width:200px;background-color:red;">Hello</div>
<button id="clickMe">Click Me</button>

的JavaScript

$('#clickMe').click(function(){
    console.log($('#moveMe').offset().top);
    $('#moveMe').css({top:0});    
});

这是一个非常简单的代码,它有一个按钮和一个div。 div绝对位于距离顶部130px处。单击按钮时,它会报告从顶部到console.log的当前偏移量,然后将div的“top”值设置为0.然后,您将看到div移动到顶部。