Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p><s>I was unable to reproduce in IE7(IE9 with Browser and Document Mode set to 7).</s></p> <p><s>Please include more info or a reproducible example and I'd be happy to help.</s></p> <p><strong>EDIT:</strong></p> <p>It seems that when then mouse enters the page after scrolling, it redraws the button. Based on my browsing experience, it is hard to notice. I suggest to <a href="https://stackoverflow.com/questions/8840580/force-dom-redraw-refresh-on-chrome-mac#answer-8840703">force it to redraw</a> the button <a href="https://stackoverflow.com/questions/487073/check-if-element-is-visible-after-scrolling/488073#answer-488073">when it becomes visible</a>.</p> <p>This small jQuery method will handle that, although further optimizations can be made. Please test it and leave a comment if it needs adjustments.</p> <pre><code>$('#my-button').RedrawWhenVisible(); $.fn.RedrawWhenVisible = function() { $(window).scroll(function() { var docViewTop = $(window).scrollTop(); var docViewBottom = docViewTop + $(window).height(); var elemTop = this.offset().top; var elemBottom = elemTop + this.height(); // If element is partially visible... if((elemBottom &lt;= docViewBottom &amp;&amp; elemBottom &gt;= docViewTop) || (elemTop &gt;= docViewTop &amp;&amp; elemTop &lt;= docViewBottom)) { //Redraw it, just once. if(this.attr('data-redraw')) { this.hide().show(); // Prevent further draws. this.removeAttr('data-redraw'); } } else { // The element is not visible... if(!this.attr('data-redraw')) { // Flag it to redaw on scroll. this.attr('data-redraw','redraw'); } } } } </code></pre> <p><strong>EDIT 2:</strong></p> <p>Since the other button is fine, I bet it's a very specific CSS issue. Double check all of the attributes for those CSS classes, the grey button is fine so check how that button differs from the Orange/Yellow one.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload