野花--fixed和absolute在浏览器边界的影响

这个是在练习动画展示效果时的一个问题.鼠标经过图标时,会有内容从右边移动出来,如图.

 

 

实际中,是将移动的内容预先放在右边,在浏览器视图之外,所以看不到,鼠标经过时就将这部分内容往左移动,出现在浏览器视图中.

但是如果存放移动内容的容器采用的是position:absolute,那么浏览器会出现滚动条,如图这样:

 

采用position:fixed设置,则超出的内容将保留在浏览器界面外,同时不会出现滚动条