是说相对浏览器边框的距离增加/减少了吗?可以设置right从右边定位，这样侧边工具离右边框的距离就不变了。

position:fixed;
/*left:90%*/
right:10px;

是的，伪元素，和伪类是有区别的，具体参考https://www.jianshu.com/p/996d021bced3

我也没找到

是一样的

路径的中文有误，把scss文件放到一个不带中文的路径中试试。

路径的中文有误，把scss文件放到一个不带中文的路径中试试。

原来是按住ctrl键然后鼠标在点击那里就可以了

.toolbar-item,.toolbar-layer{

  background-image:url(../img/toolbar.png);

  background-repeat:no-repeat;

}

它给每一个a标签都用了一个.toolbar-item类，也就意味着每一个a都有一个背景图片路径。而把所有的图片都集中在一张图片上，且控制a的宽高显示部分图片，以及通过在这张图片上定位（background-position：定位图片上的位置，而不是图片在body里的位置），就可以实现一张图片显示多个a上的图片显示。

你这个问题问的就有漏洞，transition是个过渡属性难道不手写，靠意念打出？你是想问为什么老师还写css hark来实现兼容吧。一方面 我猜是教学需要，另一方面，没听说过sass直接解决兼容性问题（sass官网上没说吧），一般实际中都是利用postcss中的autoprefixer插件来实现自动添加浏览器前缀的。

粒度细分，模块化粒度越细耦合越低，拆开后scrollto还可以用在别的地方，backtop这层外壳就只拿来做回到顶部

个人认为scrollto.js是写移动到指定位置的，可以说是公共代码，方便日后复用，backTop.js是基于scrollto.js来写的一个滚动到顶部的代码。日后可能要写别的滑到某个位置的js时，就可以像写backTop.js一样稍微修改就OK啦

sass的导入( @import)规则和CSS的有所不同，编译时会将 @import的scss文件合并进来只生成一个CSS文件。但是如果你在sass文件中导入css文件如 @import 'reset.css'，那效果跟普通CSS导入样式文件一样，导入的css文件不会合并到编译后的文件中，而是以@import方式存在。

所有的sass导入文件都可以忽略后缀名 .scss。一般来说基础的文件命名方法以_开头，如 _mixin.scss。这种文件在导入的时候可以不写下划线，可写成 @import "mixin"

看上去应该是jQuery没有正确加载，至少可能没在这段代码之前被加载，再检查下。至于没报$错误，可能是因为部分浏览器内置了jQuery的选择器功能。

把$("#backTop")打印出来看看是什么东西，看看是不是jQuery封装的dom对象，应该能很快发现原因。

应该不是这段代码的错误，可能是其他地方的错误，具体看看控制台

webstrom 自己不会编译scss 的，需要

安装Sass和Compass插件

sass基于Ruby语言开发而成，因此安装sass前需要安装Ruby。

然后配置一下webstrom 的编译插件路径

我的全是中文 尴尬啦

看一下就懂了吧

定位时候，设置的left: 50%;改为right：0，就行了

不会啊，你没有刷新吧

这还真不知道，应该是css文件错误了 ？ruby是什么？

是sublime这个软件吗？

你可以去搜下菜鸟教程好像有官方下载的网页，我是直接从学校的电脑上直接拷过来的

没事了，我超链接地址是#，改成javascript：；就好了