{"id":26880044,"url":"https://github.com/mobilpadde/scbox","last_synced_at":"2025-07-22T21:34:09.571Z","repository":{"id":3555538,"uuid":"4616575","full_name":"Mobilpadde/ScBox","owner":"Mobilpadde","description":"Scroll that box!","archived":false,"fork":false,"pushed_at":"2012-06-12T21:22:53.000Z","size":148,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-31T13:51:52.815Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://sloganator.org/ScBox/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mobilpadde.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2012-06-10T16:43:51.000Z","updated_at":"2013-10-17T00:04:38.000Z","dependencies_parsed_at":"2022-07-28T21:18:58.821Z","dependency_job_id":null,"html_url":"https://github.com/Mobilpadde/ScBox","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Mobilpadde/ScBox","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mobilpadde%2FScBox","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mobilpadde%2FScBox/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mobilpadde%2FScBox/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mobilpadde%2FScBox/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mobilpadde","download_url":"https://codeload.github.com/Mobilpadde/ScBox/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mobilpadde%2FScBox/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266578680,"owners_count":23951150,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-07-22T02:00:09.085Z","response_time":66,"last_error":null,"robots_txt_status":null,"robots_txt_updated_at":null,"robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-03-31T13:34:37.519Z","updated_at":"2025-07-22T21:34:09.543Z","avatar_url":"https://github.com/Mobilpadde.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Scbox\n=====\n\nA plugin to make a box which you can scroll inside (May sound a little weird, but try the [demo](http://sloganator.org/ScBox/)) :D\n\n## How to ##\nFirst step is always to include the script it self ([Either minified](https://github.com/Mobilpadde/ScBox/blob/master/scBox.jquery.min.js), or [*human-readable*](https://github.com/Mobilpadde/ScBox/blob/master/scBox.jquery.js) version).\n\n```html\n\t\u003cscript src=\"scBox.jquery.min.js\"\u003e\u003c/script\u003e\n```\n\n\nNow to the second part.\nStart jquery as always, when call `scbox()` for the element(s) you want to it to (Usually a div).\n\n```html\n\t\u003cscript\u003e\n\t\t$(document).ready(function(){\n\t\t\t$(\".scbox\").scbox();\n\t\t})\n\t\u003c/script\u003e\n```\n\n#### Done! ####\nNow you got it, a beatiful stupid box, that you can scroll in :D\n\n\n## Settings ##\n\nAs in every good plugin, there is some settings, that you can play around with:\n\n```html\n\t\u003cscript\u003e\n\t\t$(document).ready(function(){\n\t\t\t$(\".scbox\").scbox({\n\t\t\t\tstart: 40,\n\t\t\t\twidth: 200,\n\t\t\t\theight: 50,\n\t\t\t\tstep: 10,\n\t\t\t\tfontSize: 15,\n\t\t\t\ttextColor: \"#fff\",\n\t\t\t\tbgColor: \"#000\",\n\t\t\t\tslideColor: \"#ff0000\",\n\t\t\t\tchange: function(v){\n\t\t\t\t\tconsole.log(v);\n\t\t\t\t}\n\t\t\t});\n\t\t})\n\t\u003c/script\u003e\n```\n\nAs you can see, there is eight settings. Now, lets try to learn them:\n\n* `start`\n\t* This the start point of the slider.\n\t* `40` is default.\n* `width`\n\t* Is as the name suggest, the with of the box.\n\t* `200` is default.\n* `height`\n\t* Again, as the name suggest, height of the box.\n\t* `50` is default.\n* `step`\n\t* as the name suggest (again), step to take, then scrolling.\n\t* `10` is default.\n* `fontSize`\n\t* Fontsize of the percent, in bottom right corner.\n\t* `15` is default.\n* `textColor`\n\t* Color of the text.\n\t* Can also be removed, by setting this to `transparent`.\n\t* `#fff` is default.\n* `bgColor`\n\t* Background of the box.\n\t* Can also be removed, by setting this to `transparent`.\n\t* `#000` is default.\n* `slideColor`\n\t* Color of the slider.\n\t* Can also be removed, by setting this to `transparent` (Which there is no point in, unless you do something really awesome!).\n\t* `#ff0000` is default.\n* `change`\n\t* Calls a function each time `scBox` is updated.\n\n\n## Weird stuff ##\n\n### Known issues ###\n* Problems with horizontal view, then bg is transparent.\n* \u003cdel\u003eNo way to get output value\u003c/del\u003e - v 0.0.4\n\n\n### Changelog ###\n10 06 2012 - v 0.0.4\n\n* Fixed a known issue.\n* Now possible call a function each time `scBox` is updated.\n* Added a new setting `change`.\n\n\n10 06 2012 - v 0.0.3\n\n* Use data- attributes to make individual settings for each `scBox`.\n\n\n10 06 2012 - v 0.0.2\n\n* Now possible to use more `scBox`'s than one at the same time.\n\n\n09 06 2012 - v 0.0.1\n\n* Did the whole thing.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmobilpadde%2Fscbox","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmobilpadde%2Fscbox","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmobilpadde%2Fscbox/lists"}