Как сделать этот javascript сжимающий заголовок работы

-2

Я работаю над созданием сокращающегося заголовка с javascript, и хотя у меня есть этот jsfiddle, работающий именно так, как я этого хочу, я не могу заставить его работать за пределами скрипки ,
Что не так с этим html?Как сделать этот javascript сжимающий заголовок работы

<body> 
    <div id='sizeShifter'> 
     Here is my website's header 
    </div> 
    <div id='spacer'></div> 
    <div id='content'> 
     Here is my website's content 
    </div> 


    <script type="text/javascript" src="/js/jquery-2.1.3.min.js"></script> 
    <script> 
    var divToChange = $('#sizeShifter'); 
    var lastScroll = 0; 
    $(document).scroll(function(event){ 
     var st = $(this).scrollTop(); 
     var divHeight = 400-st; 
     divToChange.css({height:divHeight}); 
    }); 

    </script> 
</body> 

</html>

источник

2015-04-10 Alex Haynes

Не много происходит в скрипке, так что действительно непонятно, в чем проблема. –

Можете ли вы публиковать какие-либо ошибки консоли? Я думаю, что это из-за того, где у вас есть ваши теги сценария – lhoworko

Просьба описать, в чем проблема, которую вы видите, какие результаты вы получаете и как они отличаются от того, что вы хотите. – Dzyann

В вашем коде есть несколько проблем.

Вы не добавили файл CSS, который присутствует в скрипке.
jquery-2.1.3.min.js Возможно, файл находится не в правильном расположении. BTW, мы предпочитаем использовать jquery от http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js или http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.min.js, если вы не изменили версию jquery.

Если вы можете исправить их, ваш код должен работать :)

источник

2015-04-14 06:30:09 Abhishek

не уверен в том, что вещь css, хотя –

Поскольку мы не можем видеть это в коде, мы можем Не уверен :) – Abhishek

Как сделать этот javascript сжимающий заголовок работы

ответ

Смежные вопросы