如题:
在css的position中 left/right/top/bottom
这类位置属性值如果考虑使用transition来添加动画,transition它会优先考虑left/top
属性,而此时transition触发需要的是数值型属性,如果设置为'auto'
则系统会默认不考虑将位置属性添加到动画transition中,即代码:
draggableDiv.value.style.left = 'auto'
draggableDiv.value.style.right = '0px'
不会生效,如果想让动画生效需要修改为:
draggableDiv.value.style.left = window.innerWidth - divWidth + 'px';
即保留数值型位置值