Question

我正在设计一个具有某些效果的滚动页面，例如按钮出现和消失。当用户将该部分滚动到视图中时，该想法在按钮中过淡，并且当用户离开该区域时，它再次淡出。

我使用下载的可见类使用以下jQuery脚本：

 // Fade out enquire button on page load.
   $( ".enquireNow" ).fadeOut();
 // Check to see if element is visible when user scrolls
   $(window).scroll(function() {
       if ($('.miniCity').visible()) {
          $( ".enquireNow" ).fadeIn();
        }
   });

首先是这个最佳实践，是否有更好的方法来实现这一目标？其次，当元素滚出视图时，如何使按钮再次消失？

Answer 1

尝试使用.is()功能和:visible选择器

 if ($('.miniCity').is(':visible')) {

Answer 2

试试这个，

if($('.miniCity').visible(true)){
    $(".enquireNow").fadeIn();
}

Jquery可见选择器与淡入淡出元素的组合

2 个答案: