https://github.com/tomasci/bookmarkts

bookmark.ts - simple navigation in big pages using semi-automatic bookmarks
https://github.com/tomasci/bookmarkts

bookmarks frontend javascript navigation typescript web

Last synced: about 1 month ago
JSON representation

bookmark.ts - simple navigation in big pages using semi-automatic bookmarks

• Host: GitHub
• URL: https://github.com/tomasci/bookmarkts
• Owner: tomasci
• Created: 2020-03-03T18:34:21.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-03-05T11:58:10.000Z (over 6 years ago)
• Last Synced: 2025-04-08T05:51:31.102Z (about 1 year ago)
• Topics: bookmarks, frontend, javascript, navigation, typescript, web
• Language: HTML
• Homepage:
• Size: 18.6 KB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# bookmark.ts

Bookmark.ts is the simplest version of [Bookmark.js](https://bespoyasov.ru/bookmark) but recreated in clear TypeScript.

[![version](https://img.shields.io/badge/version-1.3-default.svg?style=flat-square)](https://github.com/tomasci/bookmarkts)

| -                                         | Bookmark.ts   |Bookmark.js    |

| -                                         | -             |-              |

| dependencies                              | no            | jQuery        |

| make BM tree                              | yes           | yes           |

| show tree onHover beside scrollbar        | yes           | yes           |

| activates onScroll                        | yes           | yes           |

| scrollbar associate with links in panel   | yes           | yes           |

| hash in browser search bar (/uri#hash)    | yes           | yes           |

| active links (shows where user now)       | no            | yes           |

| auto-naming (I think no need in that)     | no            | yes           |

## Browsers Support

Script works in all modern browsers (I think).

I test it only in some of them, so:

| Browser   | Support   | Browser version       |

| -         | -         | -                     |

| Chrome    | yes       | 80.0.3987.122 64-bit  |

| Firefox   | yes       | 73.0.1 64-bit         |

| Edge*     | yes       | 44.18362.449.0        |

| Safari    | yes       | iOS 13.3              |

`*` Edge is not on Chromium.

## Installation

1. clone repo

2. go to repo folder and find `build` folder

3. in `build/assets` you can find `styles` and `js` folders

4. copy from `styles` file named `bookmark.css` to your styles folder

5. copy from `js` file named `bookmark.js` to your scripts folder

6. open your `layout, template, view or ..` and before `` add next:

~~~~

~~~~

7. before `