JavaScript Tab indicator and slide like Material Design with Javascript

example

I've tried to make the Material Design Slide Indicator (watch image) with javascript.

I use Ionic to control the slides (to "swipe", to set slide or to obtain the current slide) but the prolem doesn't regard it. I've tried whit $swipe and with pure js, the problem is the same.

When I swipe on the slide, I would like the indicator moved below the swipe (like in YouTube app), but the indicator moves slightly delayed.

I've do an example here with comments, I've made it with a yellow div to simule the swipe area and a red indicator. I've tested it with my smartphone.
In my example I move the indicator changing the margin-left.

How can I do the indicator more reactive? There is another method?

Answer:1

Hello (yet again) a question about javascript, this one has to be an easy one but I just can't see what I did wrong, I think something really stupid: I have a textbox and a button. When i click the ...

Hello (yet again) a question about javascript, this one has to be an easy one but I just can't see what I did wrong, I think something really stupid: I have a textbox and a button. When i click the ...

var prompt = ... var connection = ... prompt.start(); var property = { name: 'yesno', message: 'approve this screencast?', validator: /y[es]*|n[o]?/, warning: 'Must respond yes or no', ...

var prompt = ... var connection = ... prompt.start(); var property = { name: 'yesno', message: 'approve this screencast?', validator: /y[es]*|n[o]?/, warning: 'Must respond yes or no', ...

I converted my CoffeeScript code to JavaScript using http://js2coffee.org ResetControls = -> $("#menu_item_url").val "" $("#menu_item_name").val "" $("#resource_id").prop "selectedIndex", 0 ...

I converted my CoffeeScript code to JavaScript using http://js2coffee.org ResetControls = -> $("#menu_item_url").val "" $("#menu_item_name").val "" $("#resource_id").prop "selectedIndex", 0 ...

  1. javascript function assigned to variable
  2. javascript call function assigned to variable
  3. javascript assign function with parameters

JQuery is not detected in my app Django : I have a html page links.html : <link rel="stylesheet" type="text/css" href="/static/css/mysheet.css"> <script type="text/javascript" src="/static/...

JQuery is not detected in my app Django : I have a html page links.html : <link rel="stylesheet" type="text/css" href="/static/css/mysheet.css"> <script type="text/javascript" src="/static/...

  1. using jquery with django
  2. jquery ajax with django
  3. jquery autocomplete with django
  4. jquery datatable with django
  5. jquery datepicker with django
  6. jquery ui with django
  7. jquery django template
  8. jquery django admin
  9. jquery django csrf token
  10. jquery django rest framework
  11. jquery django formset
  12. jquery django example
  13. jquery django post
  14. jquery django form
  15. jquery django tutorial
  16. jquery django url
  17. jquery django csrf
  18. jquery django variable
  19. jquery django install
  20. jquery django post request