0

我刚开始使用 jQuery，需要以下方面的帮助。

我的评论框放在固定的 div 上，只要用户不在页面底部，它就会折叠起来。当用户向下滚动时，评论框与评论一起慢慢出现。

我现在想要实现的是，只要评论框折叠起来，我就想对其应用 .hover 效果。因此，当用户将其悬停时，div 的大小会增大。

这是我到目前为止所拥有的：

var secondary = jQuery(".comments-holder");

var magicFooter = function(){
    var scrollBottom = jQuery(window).scrollTop() + jQuery(window).height();
    var maxHeight =  jQuery("#disqus_thread").height(); 
    jQuery("#colophon").css("height", maxHeight);  
    var mediumHeight = 120;
    var minHeight = 60;

    secondary.height(maxHeight - (jQuery(document).height() - scrollBottom));

    if (secondary.height() <= minHeight) {

            secondary.css("height",minHeight);
            secondary.hover(function(){
                    jQuery(this).css("height",mediumHeight);
            },
            function(){
                jQuery(this).css("height",minHeight);
            });

        } 

}; 
magicFooter();

jQuery(window).scroll(function() {
    magicFooter();
});

.hover 效果未按预期工作。我只想在 div 位于 minHeight 时应用它。

4

0 回答 0