question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

scroll via clicking & dragging

See original GitHub issue

Feature Requests

I am trying to implement a ‘grab & drag’ on the scheduler. I am so close but have not been able to implement. I opened a StackOverflow but no takers. Can anyone help here?

below is the code that I have so far. It almost works but has a slight bug where it takes you to the start of the day. $('.fc-scroller-canvas').on('mousedown', function(e) { console.log('pageX:::', e.pageX) $('.fc-scroller-canvas').on('mousemove', function(evt) { console.log('clientX:::', evt.clientX) $('.fc-scroller').stop(false, true).animate({ scrollLeft: e.pageX - evt.clientX }); }); }); $('.fc-scroller-canvas').on('mouseup', function() { $('.fc-scroller-canvas').off('mousemove'); }); @arshaw https://stackoverflow.com/questions/49312632/fullcalendar-scheduler-grab-and-drag-horizontal

Issue Analytics

  • State:open
  • Created 5 years ago
  • Comments:14 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
Harvinatorcommented, Aug 17, 2018

I had the same problem, managed to fix it and posted my answer here.

It allows panning anywhere on the calendar in both directions but you should be able to tweak to suite

0reactions
sebackendcommented, Jan 6, 2020

I’m currently working with a project using the last version of fullcalendar, and i need to make work the horizontal scrolling when dragging events to the right, I tried everything mentioned here, but only the vertical scroll is working

alt text

Any idea?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Drag to scroll - HTML DOM
The cursor: grab indicates that the element can be clicked and dragged. Scroll to given position. As long as the element is scrollable,...
Read more >
Click, drag, or scroll with the touchpad
Click, drag, or scroll with the touchpad. You can click, double-click, drag, and scroll using only your touchpad, without separate hardware buttons.
Read more >
Mouse click and Drag Instead of Horizontal Scroll bar( To view ...
Show activity on this post. I need Mouse click and Drag instead of Horizontal scroll bar. When i click and drag the child...
Read more >
Click and Drag to Scroll - #JavaScript30 27/30 - YouTube
Today we make a pretty neat click and drag to scroll interface where you will learn a whole lot about JavaScript events!
Read more >
Horizontal Click and Drag Scrolling with JS - CodePen
Insecure Resource. The resource you are linking to is using the 'http' protocol, which may not work when the browser is using https....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found