Не работает скроллинг в Apple Mac
Здравствуйте! Столкнулся с проблемой: сделал кнопку с плавной прокруткой к блоку. Но, оказалось что не работает на Apple Mac (даже на айфоне работает, а на десктопе нет). Скрипт:
$('.meta_2 .open_form').click(function () {
$('body').animate({ scrollTop: $('#cf').offset().top}, 1500);
});
html: <div class="meta_2 clr"> <div class="open_form">Заказать</div> </div> Нужна помощь. |
Igorsrt,
$('html,body').animate |
с $('html,body').animate тоже не работало - я специально html убрал, потому что где-то прочитал, что просто с body заработает (но нет) :(
|
вот здесь вот я все эти "хитрости" читал, но так ничего и не понял...
http://qaru.site/questions/141529/jq...chrome-windows |
Igorsrt,
c document пробовали? |
а как с этим document, я че-то не совсем въехал? нужно какой-то тег с классом document в htm вставить?
|
Igorsrt,
что за браузер и какая версия? |
safari Версия 12.0.1
|
Igorsrt,
поставьте хром и все заработает |
надо что бы везде работало )
|
И что тут не работает?
<html>
<body>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<p> </p><p> </p><p> </p><p> </p><p> </p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
$('body, html').animate({ scrollTop: 150}, 1500)
</script>
</body>
</html>
Safary for Windows 5.1.7 и никаких проблем. Может тут scrollTop: $('#cf').offset().top проблема или есть иная ошибка. |
я не знаю - у меня на safari в windows тоже все работает...
но у заказчика Mac - и он уверяет что не работает (на айфоне работает, а на десктопе нет) |
Что же они в нем такого обновили, что не работает, если на свой браузер под Win они давно плюнули, не обновляют, а он работает. А как уже говорил рони - $(document).animate(...) тоже никак?
|
нет, вот так $("body,html,document").animate... тоже не заработало у них (
|
Цитата:
|
не знаю в чем может быть причина - вставил скрипт
<script type="text/javascript">
$(function(){
$("a[href^='#']").click(function(){
var _href = $(this).attr("href");
$("html, body").animate({scrollTop: $(_href).offset().top+"px"});
return false;
});
});
</script>
на саму страницу (прежний скрипт был в отдельном js файле с другими скриптами), и, вроде как, все заработало и у них.. |
| Часовой пояс GMT +3, время: 15:20. |