@3amopa

JS. Как изменить код, чтоб можно было регулировать скролл к блоку в px от границы браузера?

Собственно, ниже представлю код. В JS не силён, но я так понимаю, что функция сама определяет автоматически центр блока при скролле. Но, к сожалению, он очень сильно уезжает вниз по итогу. Поэтому хотелось бы изменить код так, чтоб была возможность в % или px регулировать отступ при скролле.

<input type="submit" value="Рассчитать" name="wpcc_calculate" class="wpcc_submit wpcc_submit_6">


/* Send Calc */
	$('.wpcc').on('click', '.wpcc_form .wpcc_submit', function() {
		var wpcc_parent = $(this).closest('.wpcc');
		var wpcc_form 	= $(this).closest('form');
		var wpcc_id 	= $('.wpcc_id', wpcc_form).val();
		var wpcc_autos 	= $('.wpcc_id', wpcc_form).data('autoscroll');
		var wpcc_action = $('.wpcc_action', wpcc_form).val();
		
		$('.wpcc_loading div', wpcc_form).show();
		$.post(
			ajaxurl,
			wpcc_form.serialize(),
			function(data){
				if(wpcc_action > 0)
				{
					wpcc_parent.html(data);
				}
				else
				{
					$('.wpcc_result_block_' + wpcc_id).html(data);
					if(wpcc_autos == 'y')
					{
						$('html,body').animate({
							scrollTop: $('.wpcc_result_block_' + wpcc_id).offset().top
						}, 800);
					}
				}
				$('.wpcc_loading div', wpcc_form).hide();
			}
		);
		return false;
	});
	
	/* Send Mail */
	$('.wpcc').on('click', '.wpcc_mail .wpcc_submit', function() {
		var wpcc_this_p = $(this).closest('form');
		var wpcc_id 	= $('.wpcc_mail_id', wpcc_this_p).val();
		$('.wpcc_loading div', wpcc_this_p).show();
		$.post(
			ajaxurl,
			wpcc_this_p.serialize(),
			function(jdata){
				var data = JSON.parse ( jdata );
				
				if(data.error != null && data.error != '' && data.error != 'undefined')
				{
					$('.wpcc_mail_' + wpcc_id + ' .wpcc_error').html(data.error);
				}
				else
				{
					$('.wpcc_result_block_' + wpcc_id).html(data.success);
				}
				$('.wpcc_loading div', wpcc_this_p).hide();
			}
		);
		return false;
	});
	
});
  • Вопрос задан
  • 95 просмотров
Решения вопроса 1
@3amopa Автор вопроса
Нашел решение проблемы
scrollTop: $('.wpcc_result_block_' + wpcc_id).offset().top


на

scrollTop: $('.wpcc_result_block_' + wpcc_id).offset().top - 500
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
summer Ярославль
от 100 000 до 140 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
19 апр. 2024, в 17:06
15000 руб./за проект
19 апр. 2024, в 16:53
1000 руб./за проект
19 апр. 2024, в 16:45
5000 руб./за проект