ScrollTop 到所需的位置在 iPad 的情况下不起作用

Posted 2023-03-10

【中文标题】ScrollTop 到所需的位置在 iPad 的情况下不起作用

【英文标题】：ScrollTop to desired location not working incase of iPad

【发布时间】：2018-02-27 18:53:31

【问题描述】：

我有以下代码来滚动 attr

所针对的所需部分

$('html, body').animate(
  scrollTop: $( attr).offset().top -300
, 500)

页面成功滚动到桌面中的该位置，但在 iPad 中没有。我必须将值从 300 更新为适合 iPad 的值。我怎样才能让它动态化，以便它在所有设备上都能正常工作？

【参考方案1】：

   $("html, body").animate(
    scrollTop: $('#tagID').offset().top 
, 2000);

试试这个...添加您的目标 ID 或类别。

【讨论】：

我需要在屏幕中间或定义的位置显示我的目标 ID，这就是我使用 300 的原因。但在 ipad 中，当值为 200 时，它会显示在我想要的位置。如何制作这种动态？

【参考方案2】：

请参考

http://jsfiddle.net/lollero/ZVdRt/

jQuery jump or scroll to certain position, div or target on the page from button onclick

例如。

$("body, html").animate( 
    scrollTop: $( $(this).attr('href') ).offset().top 
, 600)

【讨论】：

这种方式需要该元素，但我想显示在 $(attr).offset().top -300

定义的位置