Контакты

Наибольший вклад в теги

Все теги (6)

Лучшие ответы пользователя

Все ответы (8)
  • Как отследить scroll событие на ios устройствах?

    Обычно событие скролла можно отследить например таким образом:
    window.onscroll = function() {
      var scrolled = window.pageYOffset || document.documentElement.scrollTop;
      console.log(scrolled);
    }


    но iOS устройствах при скролле присутствует еще дополнительное движение страницы по инерции. И событие скролла отработает лишь после завершения движения страницы.
    По-этому если нужно отследить именно само событие, немедленно в момент движения пальца по экрану, то необходимо использовать ивент touchmove. Вот пример для директивы ангулара. (был под рукой)

    $element.bind('touchmove', function (e) {
           console.log(e.touches[0].pageY,e.touches[0].clientY);
    }):


    А если необходимо именно количество пикселей от верха документа, то нужно использовать событие scroll, которое отработает после анимации.

    Подробнее о событии скролла на iOS можно ознакомиться в оф. документации
    Ответ написан
    Комментировать
  • Как делаются такие плавные переходы между страницами как на сайте http://ru.silasveta.com/?

    При клике по ссылке делается не переход на нужную страницу, а происходит подгрузка контента с помощью ajax запроса. При успешном получении контента (это может быть просто html верстка или json с контентом). В случае если контент подгружается с помощью json, то делается еще один запрос для подгрузки шаблона, в который контент будет выведен.
    После вывода контента происходит смена фона с css3 анимацией и добавляется в историю браузера с помощью html5 history api новая страница. Таким образом перезагрузки страницы не было, но в истории и адресной строке уже новый url.
    Ответ написан
    3 комментария
  • Как пользоваться Http в Angular 2?

    Пример использования пост запроса в классе, на Angular 2 (typescript) :

    import {Http} from '@angular/http';
    
    export class LoginPage {
        public name : string;
        public pass : string;
        constructor(public http: Http) {
            this.http = http //что бы вызывать через this.http, можно эту строку не писать и обращаться напрямую к Http 
        }
        auth() {
            let url = '/conf/post_admin.php';
            let body = "username=" + this.name + "&password=" + this.pass;
            //body должен быть строкой
            this.http.post(url,body)
                .subscribe(data => {
                    //где data - респонс от сервера
                    console.log(data)
                });
        }
    }
    Ответ написан
    3 комментария

Лучшие вопросы пользователя

Все вопросы (1)