• Как заставить скрипт срабатывать, когда до него доскроллишь?

    BohdanK
    @BohdanK
    var circle_viewed = false;  // Вспомогательная переменная
        var circle_scroll = $('.circle');     // Класс самой диаграммы
        var offset = circle_scroll.offset(); // Расстояние в пикселях до самой диаграммы от верха страницы 
    
    $(window).scroll(function(){
            if ((($(document).scrollTop()) > ((parseFloat(offset.top)) - parseFloat($(window).height()))) && (!(circle_viewed ))) { //если страница прокручена то проверяем докрутили ли мы до самой диаграммы
                $('.circle-1').circleProgress({  // Если докрутили, инициализируем 
                    size: 160,
                    startAngle: -1.55,
                    value: 0.9,
                    fill:{ color: "#30bae7"}
                }).on('circle-animation-progress', function(event, progress) {  // Рисуем проценты во время анимации
                    $(this).find('strong').html(parseInt(90 * progress) + '<i>%</i>');
                });
    
                circle_viewed = true;
    });


    // эта конструкция ((parseFloat(offset.top)) - parseFloat($(window).height())) делает следующее, когда вы долистываете до нужно диаграммы, то отсчет пикселей начинается с верхней части экрана пользователя, соответственно мы отнимаем высоту экрана и получается что когда долистываем до диаграммы снизу экрана, то она будет стартовать.

    circle_viewed - это если мы один раз просмотрели диаграмму, то второй раз когда мы к ней долистаем, её анимировать не надо.
    jQuery, разумеется, должен быть подключен.
    Ответ написан
    Комментировать
  • Как урезать свой перфекционизм?

    isqua
    @isqua
    Научу HTML, CSS, JS, BEM и Git
    Чтобы перестать делать лучше то, что ещё не сделано до конца, нужно понять одну простую истину: Запущенный проект лучше, чем не запущенный.

    Давайте потренируемся:
    • Что лучше: запущенный проект с несжатыми стилями или незапущенный со сжатыми?
    • Что лучше: не запущенный проект с десятью страницами или запущенный с тремя?
    • Что лучше: запущенный проект c jQuery или не запущенный без jQuery?


    Надеюсь, вы смогли выбрать! Как узнать, что пора запустить проект? (Под запуском я имею в виду «показать людям». Например, если вы решили написать библиотеку, давайте считать «проект запущенным», если вы выложили её на гитхаб) Нужно прикинуть, сколько времени вам надо на разработку и умножить на два. Если получилось больше двух недель, то стоит разбить проект на части и прикинуть так про каждую часть. Соответственно, ставите дедлайны.

    Промежуточные дедлайны помогают успеть к последнему. Старайтесь сначала реализовать основную функциональность, а потом дополнительную. Если не успеете к дедлайну доделать дополнительное — сначала запустите основное, а потом видно будет, надо ли вообще доделывать дополнительное.

    Ну и не беритесь за каждую идею, а выбирайте самые инетересные. Если вы будете делать пять проектов одновременно, скорее всего ни один не доделаете.

    Удачи!
    Ответ написан
    4 комментария
  • Искусственный Интеллект - книги, лекции, сайты?

    ruddy22
    @ruddy22
    Спасение утопающих — дело рук самих утопающих
    Актуально все, начиная с 1970-го года. Актуальные разделы: математика, информатика, биология и психология.
    Каков вопрос, таков ответ.
    Ответ написан
    Комментировать