기본 콘텐츠로 건너뛰기

사파리에서 jQuery animate할때 잔상 남을때 해결방안



이번 프로젝트에서 개발하면서 jQuery 사용하면서 animate를 줘서 움직임을 표현해야했는데

난... 개발을 맥에서 사파리로 개발하고있는데 다른브라우저는 괜찮은데

유독 사파리에서만 이미지처럼(차량 오른쪽 오렌지색) 잔상이 계속 남았다

이유를 찾아봤는데... 몰라...해결방법만 찾았다

움직임의 대상한테 css로 -webkit-transform:translateZ(0) 를 넣어주면 해결되는것이였다!!

감사합니다 해결 방법 찾아주신 개발자들 흑흑...
라벨:

댓글

댓글 쓰기

이 블로그의 인기 게시물

Ext JS 4.2 트리 기본 구조

Ext.require([ '*' ]); Ext.onReady( function (){      var   store = Ext.create( 'Ext.data.TreeStore' , {             id: 'store' ,             proxy: {             data : data             type: 'memory' ,             reader:{                 type: 'json '             }         },         root: {             text: "ROOT" ,             id: "ROOT" ,             expanded: tru e         }     });      var  tree = Ext.create( 'Ext.tree.Panel' , {         id: 'tree' ,         rootVisible: true ,         multiSelect: false ,         store: store,         height: 600,         renderTo: Ext.get( 'treeList' )     });  }); 필자가 생각하기에 Ext Js 트리 가장 기본 옵션인거 같다. 실 작동 URL[ http://jsfiddle.net/Kwangheum/vkbSS/ ] Ext JS 4.2 트리 1. Ext JS 4.2 트리 기본구조 2. Ext JS 4.2 트리 이름 변경하기 3. Ext Js 4.2 트리 그리드 에디팅 4. Ext JS 4.2 트리 드래그 & 드롭 5. Ext JS 4.
댓글 쓰기
자세한 내용 보기

맥에서 ssh 터널링 하는 방법

이번에 작업하면서 터널링 열어서 접속 해야하는 경우가 발생하였다.. (사실 기존에는 ssh 접속만 했지 깊이 파보진 않아서.. 이번에 처음으로 터널링을 해보았다.) 회사에서 알려준 방법은 windows에서 putty로 하는 방법을 알려줬는데 putty 와 비교하면서 설명을 해보겠다. 회사에서 준건 이렇게 이미지를 받았다. 맥에서는 터널링서버IP와 포트 그리고 터널링을 이용하여 실제 접속하고싶은 IP와 포트를 알면된다. 터미널에서 $ ssh 터널링 접속 아이디@터널링서버 IP -p 22 -N -L 10555:실제 접속하고싶은 IP:22 이렇게 작성을 하시면 실제 터널링을 열어주게 된 것이다.  사용된 옵션 :  -p [number]   : number 포트번호로 접속한다.  -N  : 원격 쉘을 실행시키지 않고 접속만 유지한다.  -L [로컬포트번호:호스트:호스트포트번호]  : 로컬 포트번호로 listen 소켓을 열고 들어오는 패킷을 원격지에서 호스트:호스트포트번호로 전송한다.  [출처 http://blog.lael.be/post/845] 그런다음 새로운 터미널에서 $ ssh (실제 접속하고싶은 IP)에서 사용될 ID@127.0.0.1 -p 10555 이렇게 하면 터널링에 접속이 된다!
댓글 쓰기
자세한 내용 보기

Ext JS 4.2 트리 그리드 에디팅

var tree = Ext.create( 'Ext.tree.Panel' , {      id: "gridTree" ,     autoHeight: true ,     renderTo: Ext.get( 'dataArea' ),     useArrows: false ,     rootVisible: false ,     store: store,     multiSelect: true ,     plugins: [          Ext.create( 'Ext.grid.plugin.CellEditing' , {             clicksToEdit: 1         })     ],     rowLines: true ,     columns: 컬럼(column) }); tree.on( 'validateedit' , function (editor, e) {      if (e.record.data[e.field]==e.value){         e.cancel = true ;     } }); tree.on( 'edit' , function (e){     console.log( "필드 값(field value)" +e.context.field);     console.log( "이전  값(before value)" +e.context.originalValue);     console.log( "현재  값(now value)" +e.context.value); }); 필자는 그리드에서 수정 된것을 'validateedit'라는 좋은 옵션이 있는데 'edit' 에서 하고있었다. Ext Js 에서는 수정을 한 후 적용 전에 벨리데이션을 하는 곳이 따로 존재하였다.
댓글 쓰기
자세한 내용 보기