[SOLVED] Is there any way for define my own "onSomeFunction" for an element in jquery?

Issue

Is there any way for defining my own “onSomeFunction” in jQuery?
I have a function to understand that an element is scrolled to view or not. its name is “isScrolledToView()” and returns true or false.
Now I want to define something like code below.
its just an example. I want to do it for any other functions like this:

$("div.myDiv").on("scrolledToView", function() {
    alert("Scrolled To View")
})

please help me with this.

Solution

Not that easy! But yes it’s possible.
But now, let’s look for an easy way:
In this case, we can simply use:

let onScrollIntoView = () => {
    // do some stuff...
}
window.addEventListener("scroll", function() {
    const isVisible = true // or false// Chek if that element is in the viewport
    if (isVisible) { onScrollIntoView() }
})

Answered By – mskashef

Answer Checked By – Mildred Charles (BugsFixing Admin)