Question

怎么做？

这是我做的事情jsfiddle.net/abismo/D6H33

Answer 1

好的，在这个页面上分开了很多，实际上有4个绝望的菜单，他们正在使用translateY css属性并使用z-index＆＃39; s给出菜单外观实际上变色，你将不得不阅读translateY 滚动窗口滚动功能，我已经提出了一个非常基本的版本，需要大量的工作，但你希望得到这个要点：

var getheightblue = $('#divone').height();
var scroll = $(window).scroll();
var reduce = 0;
var increase = 100;
var lastScrollTop = 0;
$(window).scroll(function () {
 var st = $(this).scrollTop();
   if (st > lastScrollTop){
       // downscroll code
        reduce = reduce -= 5;
        increase = increase -= 5;
        $('.wrap.dark.transparent').css('-webkit-transform', 'translateY(' + reduce + '%)');
        $('.wrap.light').css('-webkit-transform', 'translateY(' + increase + '%)');
   } else {
      // upscroll code
        reduce = reduce += 5
        increase = increase += 5
        $('.wrap.dark.transparent').css('-webkit-transform', 'translateY(' + reduce + '%)');
        $('.wrap.light').css('-webkit-transform', 'translateY(' + increase + '%)');
   }
   lastScrollTop = st;

});

fiddle 祝你好运！

如何在使用jquery滚动时实现颜色转换

1 个答案: