移动端实现触摸显示，离开隐藏

最新推荐文章于 2023-01-03 15:52:09 发布

转载最新推荐文章于 2023-01-03 15:52:09 发布 · 685 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fengyuzhen34/p/9173592.html

文章标签：

#javascript #ViewUI

本文探讨了移动端触摸显示及离开后隐藏效果的多种实现方案，包括使用JS计时器延长时间、根据滚动位置控制显示等，并提供了一个具体的jQuery代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

移动端实现触摸显示，离开隐藏；

想法一：移动端触摸，离开图标隐藏；

想法二：用js的计时器，让图片多延长几秒；

想法三：获取当前的滚动位置，超过图片隐藏。

想法四：点击边的地方，让他隐藏；

想法五：不修过，hover,一直显示，点击另一个隐藏；

触摸别的地方，让他隐藏。如果消失很快，用计时器来延长。

$('.sidebar>ul>.zx-dh2>a').on('touchstart', function(ev) {
ev.stopPropagation();
$(this).find("input").css("display","block");
});
$('.sidebar>ul>.zx-dh2>a').on('touchend', function(ev) {
ev.stopPropagation();
$(this).find("input").css("display","none");
});

转载于:https://www.cnblogs.com/fengyuzhen34/p/9173592.html