如何用内部div滚动

Question

此页面包含将滚动整个页面的主滚动和将滚动部分1的部分滚动1，在这种情况下，主滚动将在到达部分1时停止滚动并在第1部分完成滚动后继续。这意味着，当第1部分位于窗口顶部时，主滚动将临时替换为第1部分滚动，任何人都可以帮我解决这个问题吗？我最近发现了leafo的sticky-kit，但我认为这个插件无法解决这个问题

Answer 1

试试这个：

var jic = {

     * @param {Image} source_img_obj The source Image Object
     * @param {Integer} quality The output quality of Image Object
     * @param {String} output format. Possible values are jpg and png
     * @return {Image} result_image_obj The compressed Image Object
     */

    compress: function(source_img_obj, quality, output_format){

         var mime_type = "image/jpeg";//mime_type can be png as well.

         var cvs = document.createElement('canvas');
         cvs.width = source_img_obj.naturalWidth;
         cvs.height = source_img_obj.naturalHeight;
         var ctx = cvs.getContext("2d").drawImage(source_img_obj, 0, 0);
         var newImageData = cvs.toDataURL(mime_type, quality/100);
         alert(newImageData);
         var result_image_obj = new Image();
         result_image_obj.src = newImageData;
         return result_image_obj;
    },

<强> CSS

$(function(){
    $(document).scroll(function(){
        $('#wrapper').stop().animate({
            scrollTop : $(this).scrollTop()
        });            
    });
});

Updated Demo