2015-01-05 2 views
0

У меня проблема в смещении, она возвращает то же самое верхнее смещение для всех целевых элементов в моем документе.Нужна помощь в смещении CSS и jquery

У меня есть элементы, расположенные относительно друг друга, и она возвращает что-то подобное для 4-х элементов

Object {top: 702.109375, left: 331.19189453125} 
Object {top: 702.109375, left: 494.31884765625} 
Object {top: 702.109375, left: 681.9716796875} 
Object {top: 702.109375, left: 910.89697265625} 

CSS код для elemets

div[class^='image-'] { 
position: relative; 
display: block; 
width: 100%; 
} 

HTML код

<div class="image-1" id="features"></div> 
<div class="image-2" id="tech"></div> 
<div class="image-3" id="pricing"></div> 
<div class="image-4" id="gallary"></div> 

Код JS

$(".top-image-link .page").click(function(){ 
    var id = $(this).attr("id"); 
    var position = $("#"+id).offset(); 
    console.log($("#"+id).css("top")); 
    var top = position.left; 
    $(document).scrollTop(top+"px"); 
    $('html, body').animate({ 
     scrollTop: top 
    }, 2000); 
    console.log(position); 
    event.preventDefault(); 
}); 
+2

Пожалуйста, ваши HTML, CSS и Javascript - достаточно, чтобы воспроизвести проблема. В противном случае мы не сможем помочь вам. – Rhumborl

+0

Вы попробовали .position() вместо этого, и если не попробовать добавить значение .css ('top') к вашему элементу. Либо это, либо ваши целевые предметы могут быть изменены после измерения? Без html/script его игра угадывания – MiltoxBeyond

+0

@Rhumborl Спасибо за вашу помощь Я разместил код – Joe

ответ

0

Спасибо, ребята за помощь, но я нашел ответ, вопрос был первым письмо было Колпачок в ссылке, которая подключается к элементу внутри кричащего

Смежные вопросы