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

Popular posts from this blog

Command prompt result in label. Python 2.7 -

javascript - How do I use URL parameters to change link href on page? -

amazon web services - AWS Route53 Trying To Get Site To Resolve To www -