bas2k / jquery.appear

jQuery plugin to call a function when an element appears

Usage

Mimics a custom 'appear' event, which fires when an element scrolls into view or otherwise becomes visible to the user.

$('#foo').appear(function() {
  $(this).text('Hello world');
});

This plugin can be used to prevent unnecessary requests for content that's hidden or outside the viewable area.

Usage with additional options

$('#foo').appear(function() {
  $(this).text('Hello world');
},{accX: 50, accY: 100});

Will fire 'appear' event with accuracy 50px in X and 100px in Y

http://bas2k.ru/

jquery.appear's Issues

$(...).appear is not a function

Hello!
Is there a option to use it with webpack? I am having this issue here but i'm not able to fix it. Would you like to help me?

I have only this config in my webpack config, but appear always is not a function

new webpack.ProvidePlugin({
$: 'jquery',
jQuery: 'jquery'
}),

Add Disappear

This script works great, however it would be good to have a script like this but disappear... so when an element goes out of the window you can reset the values or something like that...

I dont know enough jQuery to do this myself else I would fork and submit a pull request.

dont-work

dont work with jQuery v3.4.1

jquery.min.js:2 Uncaught TypeError: $(...).appear is not a function
at HTMLDocument. (script.js:386)
at e (jquery.min.js:2)
at t (jquery.min.js:2)

Available for hire?

Are you by any chance available for hire? Looking to convert this to vanilla JS - I can do it myself but would rather pay someone to save time if possible. Thanks!

problem

I have problem when I'm on an element that appears with help of appear.js and I refresh the page, I get error "Uncaught TypeError: Property '4' of object [object Array] is not a function" line 126 of appear.js file. This only happens when I'm positionated on "appearing element " when I refresh. Everything works perfect, but I get error. Please someone help me, if you can.

Does jquery.appear has valid git tag ?

Hi,
according to library request cdnjs/cdnjs#9525, I would like to check whether there is a valid tag allowing me to add the library with auto-update config which cdnjs will automatically updates libraries that are known to git repo.
For more details about auto-update config on cdnjs, you can check this
For more details about tag, maybe you can check https://git-scm.com/book/en/v2/Git-Basics-Tagging

Thank you!

Uncaught TypeError: $.fn.appear.checks[length] is not a function

The error is showing on line 127 for me, but its this code block:

Original (In master Branch, lines 124-128)

//process the queue
    checkAll: function() {
    var length = $.fn.appear.checks.length;
    if (length > 0) while (length--) ($.fn.appear.checks[length])();
},

Updated this block to use:

        //process the queue
        checkAll: function() {
            var length = $.fn.appear.checks.length;
            if (length > 0) while (length--) ($.fn.appear.checks[length])();
            try
            {
                ($.fn.appear.checks[length])();
            }
            catch(e)
            {
            }
        },

but get the same issue even when trying to catch the issue.

Any pointers to a possible solution?