付箋的なもの
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
src
test
.gitignore
README.md
bower.json
gulpfile.coffee
package.json

README.md

uiSticky

付箋的なもの

  • jQueryは使ってません

#Code

<div ui-stikcy st-config="config">
  <i class="ui-sticky-handle"></i>
  <p>
    write some thing
  </p>
</div>
  • ui-sticky
  • この属性を指定した要素は自由にDnDできるようになります。また、.ui-stickyが自動的に設定されます。
  • .ui-sticky-handle
  • このクラスを指定した場合はui-stickyをDnDするときにこの要素をDnDする必要があります。指定されていない場合はui-sticky要素に.ui-sticky-handleが自動的に設定されます。

#API ##CallBacks ###onMove(event,param) ####Example

"use strict"

class HelloController
  constructor: ()->
    this.sticky =
      config:
        onMove: this.onMove

  onMove: (event,param)->
    param.left = 100

helloApp = angular.module('hello',["uiSticky"])
helloApp.controller "HelloController", HelloController
  div(ng-app="hello" ng-controller="HelloController as hello")
    div(ui-sticky="hello.sticky.config")
      p(class="ui-sticky-handle")

####Parameters

  • event: mousemove eventオブジェクトです
  • param: uiStickyが利用するパラメータが格納されています。
  • clickOffset: クリックされた座標が格納されています。
    • x: クリックされた要素の左上からのx座標です。
    • y: クリックされた要素の左上からのy座標です。
  • handleOffset: ui-sticky-handleui-sticky要素のどこに存在するかが格納されています。
    • x: ui-sticky要素の左上からのx座標です。
    • y: ui-sticky要素の左上からのy座標です。
  • top : 要素の縦位置において、どこに移動しようとしているかが格納されています。
  • left : 要素の横位置において、どこに移動しようとしているかが格納されています。