Khi có yêu cầu kéo xuống màn hình để làm mới trang để nhận các bản cập nhật mới nhất, điều này có thể được thực hiện với sự trợ giúp của JavaScript, xhttprequests và sau đó chạm vào sự kiện.
Kéo làm mới là một trình kích hoạt cho XHR trong AJAX. Nó thêm dữ liệu mới vào phần tử chúng tôi muốn.
Làm mới kéo có thể được thực hiện với sự trợ giúp của cơ chế cuộn JavaScript bị tấn công như iscroll. Twitter đang sử dụng iscroll để kéo tùy chọn làm mới.
Một cách khác là tạo một trình xử lý làm mới cho tràn :cuộn các thành phần.
Giao diện được cung cấp có thể cung cấp ý tưởng về giao diện trình xử lý -
var PullToRefresh= function(callback, wrapper, instructionsText) {
//It creates dom elements and append them before content wrapper
// <div class="mainWrapper" style="overflow: scroll; height: 600px;">
<div class="pullToReloadWrapper"></div><div class = "contentWrapper"></div>
</div> is the markup.
// if main wrapper's height is > than content wrapper's
height, then change the main wrapper height to be the height of the content wrapper.
// scroll main wrapper.
// invoke initializeEvents() to inititalize the events
};