Jump to content


Photo
- - - - -

yoo master и js

yoo master js

Best Answer Cheren-dow , 17 January 2014 - 08:42

В приведенном коде обращение идет к классу mor

if ( $(this).scrollTop() > 50 ){
                $(".mor").css({ opacity : "0.2" } );
            } else if( $(this).scrollTop() < 50 ) {
                $(".mor").css({ opacity : 1 });
            }

Сделайте обращение к вашему ID

if ( $(this).scrollTop() > 50 ){
                $("#headerbar").css({ opacity : "0.2" } );
            } else if( $(this).scrollTop() < 50 ) {
                $("#headerbar").css({ opacity : 1 });
            }

На это событие, вместо класса .xor вставьте свой

$(".xor").click(function(){
        $("html, body").animate({ scrollTop: 0 }, 1000 );
            return false;
    });

Не понимаю в чем у вас загвостка....

Go to the full post


  • This topic is locked This topic is locked
2 replies to this topic

#1 Виктор.У

Виктор.У
  • JBZoo User (rus)
  • User rate: 0.2
  • posts: 52
  • topics: 6

Posted 17 January 2014 - 08:35

Добрый день всем. Прошу помощи. Хочу прикрутить js к меню, чтобы при скролинге менялась прозрачность.

По типу этого. http://jsfiddle.net/zStXH/6/

Может кто применял в шаблоне yoo master подобное?

Т.е. мне нужно сделать тоже самое как в примере только для id="headerbar".

Помогите советом.


  • 0

#2 Cheren-dow

Cheren-dow
  • JBZoo User (rus)
  • User rate: 95.7
  • posts: 5060
  • topics: 31

Posted 17 January 2014 - 08:42   Best Answer

В приведенном коде обращение идет к классу mor

if ( $(this).scrollTop() > 50 ){
                $(".mor").css({ opacity : "0.2" } );
            } else if( $(this).scrollTop() < 50 ) {
                $(".mor").css({ opacity : 1 });
            }

Сделайте обращение к вашему ID

if ( $(this).scrollTop() > 50 ){
                $("#headerbar").css({ opacity : "0.2" } );
            } else if( $(this).scrollTop() < 50 ) {
                $("#headerbar").css({ opacity : 1 });
            }

На это событие, вместо класса .xor вставьте свой

$(".xor").click(function(){
        $("html, body").animate({ scrollTop: 0 }, 1000 );
            return false;
    });

Не понимаю в чем у вас загвостка....


  • 0
Изображение
 

#3 Виктор.У

Виктор.У
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 0.2
  • posts: 52
  • topics: 6

Posted 17 January 2014 - 10:32

Благодарю, далек от js но на форуме спросить дешевле, чем нанимать специалиста))). Спасибо огромное, как всегда выручили. 


  • 0




Click to return to top of page in style!