Home/ Questions/Q 8336593
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T04:02:26+00:00

Trying to have it scroll based on if it was clicked on the left

  • 0

Trying to have it scroll based on if it was clicked on the left or right side of the page. Doesn’t seem to work.. Perhaps my syntax is incorrect or the method i’m using to find the left or right side of the page is?

with <body onclick="scrollevent()"> :

 <script>
 function scrollevent()
 { 
    var y=0;
    var pwidth = $('#slideshow').width();
    var mouseY = ev.clientY;

    if (mouseY<(pwidth/2) {
        $('#slideshow').animate({scrollLeft: "+=400"});
     }
     else{
        $('#slideshow').animate({scrollLeft: "-=400"});
    }
 }
 </script>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use pageX and not pageY property of the event object, try the following:

    The mouse position relative to the left edge of the document.

    $(document).click(function(e){  // or $(document).on('mousemove', function(e){
   var mp = e.pageX;
   var w = $(window).width() / 2;
   if (mp < w) {
        $('#slideshow').animate({scrollLeft: "+=400"});
   } else {
        $('#slideshow').animate({scrollLeft: "-=400"});
   } 
})

    Please note that there is a syntax error in your code, you have missed a ):

    if (mouseY<(pwidth/2) {

    should be:

    if ( mouseY < (pwidth/2) ) {
    • 0