goldenapples/jquery.minimap

A Sublime Text-like "minimap" for in-page navigation.

jquery.minimap's Issues

Real time change

How can we regenerate the map in real time when the html changes?

Minimap with own overflow

I have setup jsFiddle to show the problem. it was really hard to setup the problem which I currently have but this will do I guess.

http://jsfiddle.net/X3Ej8/9/embedded/result/
This problem also relates to one currently open, so I included Toggle button to activate minimap (press twice)

So minimap currently scrolls when it detects window. Can we listen scroll event we are currently attached to (if it has its own overflow) .. maybe there can be a option to do so

Investigate using html2canvas to draw the map

Cloning the entire DOM of a page can cause problems with event listeners, duplicate IDs, and in-page search. Request is to investigate using html2canvas or a similar script to render the minimap as a canvas element instead of using jQuery.clone().

Expose a refresh method to be called when HTML is updated

As noted in #8, there isn't currently a way to update the contents of the minimap when the HTML of the content it is mapping is updated.

It would be good to introduce a method like $.minimap.refresh() which would do the following steps to refresh the minimap column:

• detach and remove the existing map column element
• initialize a new minimap, preserving the settings from the previously initialized map.

Dont shrink Content

First of all, thanks for quick reply.
This is more request then issue.

I have setup new jsFiddle
http://jsfiddle.net/nLauR/2/embedded/result/

Is this technically possible (in terms of performance and size) to make minimap dont shrink, but just take window height and when necessary to scroll that place.

Like sublime text does this

---

I dont want to open new issue, so I'll ask it here, are you planning on moving to canvas? Coping will cause many issues (like search and event listeners with bootstrap and multiple IDs.. and many such)

minimap initialized but hidden from view

Hi Nathaniel.

I've added the minimap plugin and have activated it with:

$(document).ready( function() {
  $('.body_column').minimap();
  // I have even tried adding:
  $.minimap.show();
});

This creates the aside in the DOM, but when inspecting the page, the element has no height and doesn't show anything in itself, even when adding an absolute height. I think this may have to do with html or body not having min-height set to 100% as I've been able to recreate it when forking your demo page.

You can see my broken demo here: http://www.mybema.com/the-ultimate-customer-service-cheatsheet

Cheers.