how to detect if the end of horizontal scrollbar is reached? [duplicate]










1
















This question already has an answer here:



  • How do I get the max value of scrollLeft?

    8 answers



I have a div wich is scrollable horizontally. I want to know when I reach the end of it.



Is there is simple way to detect if the horizontal scrollbar is scrollable to one direction or the other?






javascript







share|improve this question













marked as duplicate by raina77ow javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
 Nov 15 '18 at 13:39


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.













  • 1





    Math.abs(el.scrollLeft) === el.scrollWidth - el.clientWidth

    – raina77ow
    Nov 15 '18 at 13:16











  • thank you @raina77ow that works for me

    – Ic3m4n
    Nov 15 '18 at 13:27















1
















This question already has an answer here:



  • How do I get the max value of scrollLeft?

    8 answers



I have a div wich is scrollable horizontally. I want to know when I reach the end of it.



Is there is simple way to detect if the horizontal scrollbar is scrollable to one direction or the other?






javascript







share|improve this question













marked as duplicate by raina77ow javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
 Nov 15 '18 at 13:39


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.













  • 1





    Math.abs(el.scrollLeft) === el.scrollWidth - el.clientWidth

    – raina77ow
    Nov 15 '18 at 13:16











  • thank you @raina77ow that works for me

    – Ic3m4n
    Nov 15 '18 at 13:27













1












1








1









This question already has an answer here:



  • How do I get the max value of scrollLeft?

    8 answers



I have a div wich is scrollable horizontally. I want to know when I reach the end of it.



Is there is simple way to detect if the horizontal scrollbar is scrollable to one direction or the other?






javascript







share|improve this question















This question already has an answer here:



  • How do I get the max value of scrollLeft?

    8 answers



I have a div wich is scrollable horizontally. I want to know when I reach the end of it.



Is there is simple way to detect if the horizontal scrollbar is scrollable to one direction or the other?





This question already has an answer here:



  • How do I get the max value of scrollLeft?

    8 answers






javascript




javascript






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 15 '18 at 13:12









Ic3m4nIc3m4n

8719




8719




marked as duplicate by raina77ow javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
 Nov 15 '18 at 13:39


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.









marked as duplicate by raina77ow javascript
Users with the  javascript badge can single-handedly close javascript questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
 Nov 15 '18 at 13:39


This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.









  • 1





    Math.abs(el.scrollLeft) === el.scrollWidth - el.clientWidth

    – raina77ow
    Nov 15 '18 at 13:16











  • thank you @raina77ow that works for me

    – Ic3m4n
    Nov 15 '18 at 13:27












  • 1





    Math.abs(el.scrollLeft) === el.scrollWidth - el.clientWidth

    – raina77ow
    Nov 15 '18 at 13:16











  • thank you @raina77ow that works for me

    – Ic3m4n
    Nov 15 '18 at 13:27







1




1





Math.abs(el.scrollLeft) === el.scrollWidth - el.clientWidth

– raina77ow
Nov 15 '18 at 13:16





Math.abs(el.scrollLeft) === el.scrollWidth - el.clientWidth

– raina77ow
Nov 15 '18 at 13:16













thank you @raina77ow that works for me

– Ic3m4n
Nov 15 '18 at 13:27





thank you @raina77ow that works for me

– Ic3m4n
Nov 15 '18 at 13:27












1 Answer
1






active

oldest

votes


















-1














To check the horizontal scrollbar you need to use



var scrollLeft = $('#div_id').scrollLeft();


You can then check if it's equal to the $('#div_id').width() and there's the end.






share|improve this answer





























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes









    -1














    To check the horizontal scrollbar you need to use



    var scrollLeft = $('#div_id').scrollLeft();


    You can then check if it's equal to the $('#div_id').width() and there's the end.






    share|improve this answer



























      -1














      To check the horizontal scrollbar you need to use



      var scrollLeft = $('#div_id').scrollLeft();


      You can then check if it's equal to the $('#div_id').width() and there's the end.






      share|improve this answer

























        -1












        -1








        -1







        To check the horizontal scrollbar you need to use



        var scrollLeft = $('#div_id').scrollLeft();


        You can then check if it's equal to the $('#div_id').width() and there's the end.






        share|improve this answer













        To check the horizontal scrollbar you need to use



        var scrollLeft = $('#div_id').scrollLeft();


        You can then check if it's equal to the $('#div_id').width() and there's the end.







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 15 '18 at 13:17









        Robert ŞtefanRobert Ştefan

        12




        12















            -

            這個網誌中的熱門文章

            How to read a connectionString WITH PROVIDER in .NET Core?

            圖片
            6 I added .AddJsonFile("Connections.json", optional: true, reloadOnChange: true) in public Startup(IHostingEnvironment env) Connections.json contains: "ConnectionStrings": "DefaultConnection": "Server=(localdb)\mssqllocaldb;Database=DATABASE;Trusted_Connection=True;MultipleActiveResultSets=true", "COR-W81-101": "Data Source=DATASOURCE;Initial Catalog=P61_CAFM_Basic;User Id=USERID;Password=PASSWORD;Persist Security Info=False;MultipleActiveResultSets=False;Packet Size=4096;", "COR-W81-100": "Data Source=DATASOURCE;Initial Catalog=Post_PS;User Id=USERID;Password=PASSWORD;Persist Security Info=False;MultipleActiveResultSets=False;Packet Size=4096;", "MSEDGEWIN10": "Data Source=DATASOURCE; Initial Catalog=COR_Basic; Persist Security Info=False;Integrated Security=true;MultipleActiveResultSets=False;Packet Size=4096;Application Name="COR_Basic"", "server...
            閱讀完整內容

            Node.js Script on GitHub Pages or Amazon S3

            圖片
            0 I'm wondering if I can run a Node.js script in my Jekyll page from GitHub Pages or Amazon S3? I think it can't run on GitHub Pages since it doesn't support server side code. Not too sure. The code is below: var Airtable = require('airtable'); var base = new Airtable(apiKey: 'YOUR_API_KEY').base('appAnZVyYqusNPV5Q'); base('Invitee list').select( // Selecting the first 3 records in Complete list: maxRecords: 3, view: "Complete list" ).eachPage(function page(records, fetchNextPage) // This function (`page`) will get called for each page of records. records.forEach(function(record) console.log('Retrieved', record.get('Email')); ); // To fetch the next page of records, call `fetchNextPage`. // If there are more records, `page` will get called again. // If there are no more records, `done` will get called. fetchNextPage(); , function done(err) if (err) console.error(err); return; ); node.js ...
            閱讀完整內容

            Museum of Modern and Contemporary Art of Trento and Rovereto

            圖片
            Art museum in Rovereto TN, Italy Museum of Modern and Contemporary Art of Trento and Rovereto Museo d'arte moderna e contemporanea di Trento e Rovereto MART, Entrance Location Corso Angelo Bettini, 43, 38068 Rovereto TN, Italy Coordinates 45°53′38″N 11°02′42″E  /  45.8940°N 11.0450°E  / 45.8940; 11.0450 Coordinates: 45°53′38″N 11°02′42″E  /  45.8940°N 11.0450°E  / 45.8940; 11.0450 Type Art museum Director Gianfranco Maraniello Public transit access Trento train station. Taxis outside station. Website mart.trento.it The Museum of Modern and Contemporary Art of Trento and Rovereto (MART) ( Museo d'Arte Moderna e Contemporanea di Trento e Rovereto , in Italian) is a museum centre in the Italian province of Trento. The main site is in Rovereto, and contains mostly modern and contemporary artworks, including works from renowned Giorgio Morandi, Giorgio de...
            閱讀完整內容