Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使AMP手风琴顺利展开和收拢_Html_Amp Html - Fatal编程技术网

Html 如何使AMP手风琴顺利展开和收拢

Html 如何使AMP手风琴顺利展开和收拢,html,amp-html,Html,Amp Html,我没有发现,有任何选择或事件,使手风琴的感觉作为我的期望在AMP的手风琴图书馆。然而,我使用jquery做了很多更改,但现在我需要平滑地展开和折叠项。有什么方法可以做到这一点。您可能会发现这有助于解决您的问题。它说: 当前没有展开/折叠动作的动画。这意味着,如果多个项目在其目标元素展开的同时正在折叠,用户可能很难跟踪界面的行为 amp accordion关闭或打开时没有滚动调整,这意味着如果在当前视口上方关闭足够大(或足够大的一组)的amp accordion,则视口内的内容可能会显著移动(甚

我没有发现,有任何选择或事件,使手风琴的感觉作为我的期望在AMP的手风琴图书馆。然而,我使用jquery做了很多更改,但现在我需要平滑地展开和折叠项。有什么方法可以做到这一点。

您可能会发现这有助于解决您的问题。它说:

  • 当前没有展开/折叠动作的动画。这意味着,如果多个项目在其目标元素展开的同时正在折叠,用户可能很难跟踪界面的行为
  • amp accordion关闭或打开时没有滚动调整,这意味着如果在当前视口上方关闭足够大(或足够大的一组)的amp accordion,则视口内的内容可能会显著移动(甚至完全看不见)
  • 需要某种方式使多个amp accordion元素相互通信(可以是具有类似“自动折叠子元素”属性的父元素)

此外,请选中此jQuery插件,通过单击面板标题(充当手风琴)平滑地折叠和展开内容。

您可以尝试使用amp选择器并添加CSS动画,以达到相同的效果

可以使用此技巧将高度0设置为“自动”