調べてみました.
結果IE11ではcirc
ノードにstyle要素, style属性経由で静的にstroke-dashoffset
プロパティが設定されていた場合, そのあとの値の変更が無視されてしまうようです.
この場合, 初期化時にSnap.svg経由で後からstroke-dashoffset
を(動的に)指定するようにすると上手く行くようです.
CSS
1.circ {
2 fill: rgba(255, 255, 255, 0);
3 stroke-width: 20px;
4 stroke-linecap: round;
5 stroke-dasharray: 1509 1511;
6 -stroke-dashoffset: 1510;/*無効化*/
7}
JavaScript
1var circ = Snap('#circ'),
2 speed = 1000,
3 easing = mina.bounce;
4circ.attr("strokeDashoffset","1510");//scriptから設定する
5$('#trigger li').on('click', function() {
6 var i = $('#trigger li').index(this);
7//以下省略
動作例
https://jsfiddle.net/defghi1977/wrorn29y/1/
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/11/20 06:58