Add jquery inside PHP file

Question

I am having a hard time trying to insert jquery code inside my PHP file. This is what I have so far.

</div>
<!-- left -->
<div class="col-lg-6 col-md-6">
  <div id="rightside">
    <img src="images/about/ab1.jpg" style="margin-left: 30px;">
  </div>

This particular code is what I want to fade in when user scrolls down.

You should describe problem elaborately. What you really want, what portion can you complete... — orbit
– orbit, Commented Jun 15, 2017 at 4:03

user8100646 · Accepted Answer · 2017-06-15 04:27:29Z

2

It's nothing to do with PHP, you can treat it with HTML as usual. So, you don't need to "insert" into PHP.

<html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script>
            $(document).ready(function () {
                $(window).scroll(function () {
                    $("#rightside").fadeOut();
                });
               
            });
        </script>
    </head>
    <body>
        <div id="rightside">
            <img src="images/about/ab1.jpg" style="margin-left: 30px;">
        </div>

       
    </body>
</html>

answered Jun 15, 2017 at 4:27

user8100646

1371 silver badge6 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nesi Over a year ago

Thank you! That helps a lot!

Rahul · Accepted Answer · 2017-06-15 04:05:16Z

0

Inside your php file

<script>

    var lastScrollTop = 0;
    $(window).scroll(function(event){
       var st = $(this).scrollTop();
       if (st > lastScrollTop){
           $('img').fadeIn();
       }
       lastScrollTop = st;
    });

</script>

answered Jun 15, 2017 at 4:05

Rahul

2,4802 gold badges12 silver badges17 bronze badges

Collectives™ on Stack Overflow

Add jquery inside PHP file

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related