小编mrs*_*nes的帖子

我刚开始使用Git / Github，但我完全陷入困境。我在Mac / OSX El Capitan上使用Terminal，当要求输入密码时，它告诉我该密码无效，但是我输入的密码与我为GitHub帐户创建的密码相同，因此确定该密码有效吗？我究竟做错了什么？

Last login: Sun Dec  4 10:46:35 on ttys000
Seans-MBP:~ mrseanbaines$ git push -u origin master
Username for 'https://github.com': mrseanbaines
Password for 'https://mrseanbaines@github.com': 
remote: Invalid username or password.
fatal: Authentication failed for 'https://github.com/mrseanbaines/cartwheeling-kitten.git/'
Seans-MBP:~ mrseanbaines$

我是Gulp的新手,之前从未使用任何插件,所以我有点迷失.

我已经按照一些教程进行了操作,并设法让Gulp运行并使用auto-prefixer插件.我现在只是试图找出是否有办法让它成为所有浏览器的所有版本的前缀？

在这个浏览器列表中,我可以选择所有主要浏览器的最后两个版本或一系列版本,但我想选择所有浏览器的所有版本(主要和其他).我特别想添加对默认三星浏览器的支持,因为我现在遇到一些浏览器兼容性问题,并希望一些前缀可能是解决方案.

这是我到目前为止的代码:

var gulp = require('gulp');
var prefix = require('gulp-autoprefixer');

gulp.task('prefix', function () {
    gulp.src('css/**/*.css')
        .pipe(prefix('last 2 versions'))
        .pipe(gulp.dest('css/'));
});

gulp.task('default', ['prefix']);

谢谢

当我想要应用类的元素进入视口时，有没有办法添加类？或者当屏幕底部超过元素顶部一定距离时？

现在我有我想要使用这样的效果：

if ($(document).scrollTop() > 100) {
                    $(".graph-line.two").addClass("graph-75");

问题在于它是相对于文档高度的，所以当我缩小页面（或在移动设备上查看）并且元素堆叠在一起时，页面变得更高并且类（动画）在元素进入视野。

我看到其他人提出了类似的问题，我试图实施他们得到的答案，但我无法得到任何帮助，因此将不胜感激。

这就是我所拥有的：

if ($(document).scrollTop() > 100) {
                    $(".graph-line.two").addClass("graph-75");

$(document).ready(function() {
  $(".graph-line.one").addClass("graph-75");
  $(".graph-line-2.one").addClass("opacity");
  $(window).scroll(function() {

    if ($(document).scrollTop() > 100) {
      $(".graph-line.two").addClass("graph-75");
      $(".graph-line-2.two").addClass("opacity");
    }

    if ($(document).scrollTop() > 450) {
      $(".graph-line.three").addClass("graph-75");
      $(".graph-line-2.three").addClass("opacity");
    }

    if ($(document).scrollTop() > 800) {
      $(".graph-line.four").addClass("graph-75");
      $(".graph-line-2.four").addClass("opacity");
    }

    if ($(document).scrollTop() > 1150) {
      $(".graph-line.five").addClass("graph-75");
      $(".graph-line-2.five").addClass("opacity");
    }

    if ($(document).scrollTop() > 1500) {
      $(".graph-line.six").addClass("graph-75");
      $(".graph-line-2.six").addClass("opacity");
    }
  });
});

.graph {
  display: block;
  margin: 100px auto;
  transform: rotate(-90deg);
  will-change: transform;
}
.graph-line {
  stroke-dasharray: …