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();
});
Пожалуйста, ваши HTML, CSS и Javascript - достаточно, чтобы воспроизвести проблема. В противном случае мы не сможем помочь вам. – Rhumborl
Вы попробовали .position() вместо этого, и если не попробовать добавить значение .css ('top') к вашему элементу. Либо это, либо ваши целевые предметы могут быть изменены после измерения? Без html/script его игра угадывания – MiltoxBeyond
@Rhumborl Спасибо за вашу помощь Я разместил код – Joe