jquery - ios hover works with ontouchstart but keeps activated when scrolling -
when use ontouchstart="" activates hover but, activates when scrolling along page want active when clicked. or links simulair questions welcome.
this div hover
<div class="featured-image" > <?php if ($post->getlistthumbnailsrc()): ?> <img class="thumbnail" src="<?php echo $post->getlistthumbnailsrc(); ?>" alt="<?php echo $this->escapehtml($post->gettitle()); ?>"/> <img class="gradient" src="http://www.bijsmaak.com/development/skin/frontend/default/bsmk_mobile/images/gradient-blog.png" /> <?php endif; ?> </div>
css
.blog_roll .post-list .entry .featured-image img.thumbnail { width: 100%; position:absolute; display: inline-block; -webkit-transform: opacity 0.3s ease-in-out; transform: opacity 0.3s ease-in-out; } .blog_roll .post-list .entry .featured-image img.gradient { width:100%; max-height:246px; position:relative; margin-bottom: -5px; } .blog_roll .post-list .entry .featured-image:hover img.thumbnail { -webkit-transform: scale(1.01); transform: scale(1.01); -webkit-transition-timing-function: ease-in-out; -webkit-transition-timing-function: ease-in-out; opacity: 0.5; }
i added ontouchstart="" body tag. jquery solution inevitable experience jquery limited.
Comments
Post a Comment