').prepend(data));
$("#container > div#base > article").addClass("leave");
$("#container > div#base").append(get_elm);
$("#container > div#base > article").addClass("ajax");
setTimeout(
function(){
window_resize();
$("#container > div#base > article.leave").remove();
var scrollto_val = 0;
if( scroll != "" ){
scrollto_val = $("#" + selectorEscape(scroll)).offset().top;
}
scrollto(scrollto_val);
$("html").removeClass("ajax_moving");
window_resize();
}
, 1000);
img_load();
window_resize();
scroll_action_flag = true;
},
error:
function(XMLHttpRequest, textStatus, errorThrown){
}
});
}
function PJAX_ajaxload_loadmore( href, data, option, target ) {
var scroll = data.scroll;
if( typeof ajax_request != "undefined" ){
ajax_request.abort();
}
ajax_request = $.ajax({
url: href,
dataType: "html",
success:
function(data, dataType){
target.children("li.load_more").remove();
var get_elm = $('div.index > ul > *', $('
').prepend(data));
target.append(get_elm);
img_load();
window_resize();
scroll_action_flag = true;
},
error:
function(XMLHttpRequest, textStatus, errorThrown){
}
});
}
function scrollto(val){
scroll_action_flag = false;
$('html,body').stop().animate({
scrollTop: val
}, 1000, "easeOutQuint",function(){
scroll_action_flag = true;
});
}
$.fn.hasAttr = function(val){
var result = false;
if (val && val !== '') {
var attrValue = $(this).attr(val);
if (typeof attrValue !== 'undefined' && attrValue !== false) {
result = true;
}
}
return result;
};
function PJAX_pushState( href, title ) {
if ( window.history.pushState ) {
window.history.pushState( title, null, href );
} else {
}
}
window.onpopstate = function(event){
if (event.state) {
} else {
}
var href = location.href;
if ( window.history.pushState ) {
PJAX_pjax( href, "onpop", "" );
} else {
var href = "https://horoshirimilk.com/#!/" + href.replace( /^.\//, '' );
window.location = href;
}
}
$(document).on("click", "a.pjax", function(){
var href = $(this).attr("href");
var option = "";
if ( window.history.pushState ) {
if( $(this).hasClass("to_close") ){
option = "to_close";
}
PJAX_pjax( href, option, "" );
} else {
var href = href.replace( "https://horoshirimilk.com/", "" );
var href = "https://horoshirimilk.com/#!/" + href.replace( /^.\//, '' );
var past_href = location.href;
window.location = href;
}
return false;
});
$(document).on("click", "div.index > ul > li.load_more > a.pjax_load_more", function(){
var href = $(this).attr("href");
var target = $(this).closest("ul");
if ( window.history.pushState ) {
var parent = $(this).parent();
parent.addClass("loading");
parent.append('
loading
');
PJAX_pjax( href, "load_more", target );
}
return false;
});
$(window).hashchange( function(){
var hash = location.hash;
if( hash.indexOf( "#!/" ) != -1 ){
var href = hash.replace( /^#!\//, '' );
if( href == "" ){
var href = "https://horoshirimilk.com/";
}
PJAX_pjax( href, "", "" );
}
})
$(window).bind('load', function() {
var hash = location.hash;
if( hash.indexOf( "#!/" ) != -1 ){
var href = hash.replace( /^#!\//, '' );
if ( window.history.pushState ) {
window.location = href;
}else{
PJAX_pjax( href, "", "" );
}
}
});
function scroll_trigger() {
if( !$("html.ajax_moving")[0] && $(".scroll_trigger")[0] ){
var target = $(".scroll_trigger");
var length = target.length;
for(var i=0; i
800 ){
var tracking = 0.5;
move_y -= window_height/5;
}else{
var tracking = 0.25;
move_y -= window_height/4;
}
if( target_parallax.attr("data-tracking") ){
var tracking = target_parallax.attr("data-tracking");
}
target_parallax.css({"transform": "matrix(1, 0, 0, 1, 0, "+ -move_y*tracking +")"});
}
}
if( $("body #container > div#base > article#about\\/")[0] ){
if( target.eq(i).hasAttr("data-trigger") ){
var in_position = position - window_height/2;
}else{
var in_position = position - window_height/10*8;
}
var elm_height = target.eq(i).height();
var window_top_position = $(window).scrollTop();
if( in_position < window_top_position && window_top_position < (in_position + elm_height) ){
if( ! target.eq(i).hasClass("action") ){
if( target.eq(i).find(".textillate")[0] ){
// alert("a");
text_fade_start( target.eq(i).find(".textillate > span") );
}
if( target.eq(i).hasAttr("data-trigger") ){
if( $("div.float_elm_wrapper")[0] ){
var set_class = target.eq(i).attr("data-trigger");
$("div.float_elm_wrapper").attr("class","float_elm_wrapper");
$("div.float_elm_wrapper").addClass(set_class);
}
}
target.eq(i).addClass('action');
}
}else{
if( target.eq(i).hasClass("action") ){
target.eq(i).removeClass('action');
}
}
}else{
if(target.eq(i).hasClass('action')) continue;
var in_position = position + window_height/10;
var window_bottom_position = $(window).scrollTop() + $(window).height();
if(in_position < window_bottom_position){
target.eq(i).addClass('action');
if( target.eq(i).find(".textillate")[0] ){
text_fade_start( target.eq(i).find(".textillate > span") )
}
}
}
}
}
}
function text_fade_start( target ){
setTimeout(function(){
target.each(function(i){
$(this).delay(i *1200).queue(function(next) {
$(this).textillate({ in: {
effect: 'fadeIn',
delay: 100
} }).dequeue();
next();
});
});
},100);
}
var document_height = $(document).height();
if( $("html.touch_device")[0] ){
if( window.innerHeight > window.innerWidth ){
var window_height = screen.height;
}else{
var window_height = screen.width;
}
}else{
var window_height = window.innerHeight ? window.innerHeight: $(window).height();
}
var window_width = $(window).width();
var window_ratio = window_height / window_width;
var scroll_val = $(window).scrollTop();
var scroll_action_flag = true;
if( $("body.modal")[0] ){
scroll_action_flag = false;
}
function window_action() {
scroll_trigger();
scroll_val = $(window).scrollTop();
if( scroll_val < window_height/4 ){
$("html").removeClass("scrolled")
$("html").removeClass("scrollend")
}else if( scroll_val >= window_height/4 && scroll_val+window_height < document_height ){
$("html").addClass("scrolled")
$("html").removeClass("scrollend")
}else{
$("html").addClass("scrolled")
$("html").addClass("scrollend")
}
if( scroll_val < window_height ){
$("body #header").css({"top": scroll_val/4});
}
if( $("body #container > div#base > article > header > img.bg.object_fit")[0] ){
if( scroll_val < window_height*2 ){
$("body #container > div#base > article > header > img.bg.object_fit").css({
"transform": "matrix(1, 0, 0, 1, 0, "+ (scroll_val/2) +")"
});
}
}
if( $("body #container > div#base > article#about\\/ > div.body > div.float_elm_wrapper > div.part_float.section_01 > img.object_fit.main")[0] && scroll_val < window_height ){
var about_top_img_opac = 1-(scroll_val/window_height)*4;
if( about_top_img_opac <= 1 ){
$("body #container > div#base > article#about\\/ > div.body > div.float_elm_wrapper > div.part_float.section_01 > img.object_fit.main").css({"opacity": about_top_img_opac});
}
}
if( scroll_action_flag === true && $("body #container > div#base .ground")[0] ){
scroll_action_flag = false;
if( typeof scroll_action_limiter != "undefined" ){
clearTimeout( scroll_action_limiter );
}
scroll_action_limiter = setTimeout(
function(){
$("body #container > div#base .ground").each(function(){
if( $(this).attr("id") != null ){
var ground_id = $(this).attr("id");
if( typeof category[ground_id] != "undefined" ){
var ground_offset = $("#" + selectorEscape( ground_id )).offset().top;
var ground_height = $("#" + selectorEscape( ground_id )).height();
if( scroll_val >= ground_offset && scroll_val <= ground_offset + ground_height ){
// console.log(id);
// console.log(ground_id);
var href = "https://horoshirimilk.com/" + ground_id;
// console.log("scroll::"+href);
PJAX_pjax( href, "by_scroll", "" );
}else if( scroll_val < $("body #container > div#base .ground").first().offset().top ){
if( $("body").attr("data-scroll") != "" ){
var scroll_split = $("body").attr("data-scroll").split('/');
var ground_directory = $("body").attr("data-scroll").replace( scroll_split[scroll_split.length-1], "" );
var href = "https://horoshirimilk.com/" + ground_directory;
// console.log("top::"+href);
PJAX_pjax( href, "by_scroll", "" );
}
}
}
}
});
scroll_action_flag = true;
}
, 1000);
}
}
function window_resize() {
document_height = $(document).height();
if( $("html.touch_device")[0] ){
if( window.innerHeight > window.innerWidth ){
window_height = screen.height;
}else{
window_height = screen.width;
}
}else{
window_height = window.innerHeight ? window.innerHeight: $(window).height();
}
window_width = $(window).width();
window_ratio = window_height / window_width;
if( window_ratio > 1 ){
$("html").removeClass("horizontal");
$("html").addClass("portrait");
}else{
$("html").removeClass("portrait");
$("html").addClass("horizontal");
}
if( window_ratio < 0.6 ){
$("html").addClass("panorama");
}else{
$("html").removeClass("panorama");
}
// if( $("body").hasClass("navi_open") ){
// $("body").removeClass("navi_open");
// }
if( $("body #container > div#base > article#root > header")[0] ){
$("body #container > div#base > article#root > header").css({"height": window_height*2});
}
if( $("body #container > div#base > article#root > div#slide_wrapper")[0] ){
$("body #container > div#base > article#root > div#slide_wrapper").css({"height": window_height});
}
if( $("body #container > div#base > article#root > div#slide_wrapper")[0] ){
$("body #container > div#base > article#root > div#slide_wrapper > div#SLIDE > ul > li").each(function(){
var target_li = $(this);
var target_img = $(this).find("img");
target_img.imagesLoaded(function(){
target_img.addClass("loaded");
var img_ratio = target_img.height() / target_img.width();
target_li.removeClass("horizontal vertical");
if( window_ratio < img_ratio ){
target_li.addClass("vertical");
}else{
target_li.addClass("horizontal");
}
});
});
}
if( $("body #container > div#base > article#about\\/ > div.body > h1")[0] ){
$("body #container > div#base > article#about\\/ > div.body > h1").css({"height": window_height});
$("body #container > div#base > article#about\\/ > div.body > section.about > div.inner > div.base > header").css({"height": window_height});
}
window_action();
}
$(window).scroll(function(){
window_action();
});
$(window).bind("resize", window_resize);
function selectorEscape(val){
return val.replace(/\//g, '\\/');
}
$("html").data("preloaded", 0);
function preload(){
var img = [],
img_arr = $("img.preload"), // ローディング対象の画像を指定
img_arr_lngth = img_arr.size();
var img_arr_lngth_total = img_arr_lngth;
if( img_arr_lngth_total > 0 ){
img_arr.each(function(indx){
img[indx] = new Image();
img[indx].onload = function(){
img_arr_lngth = img_arr_lngth - 1;
var progress = Math.round((1-img_arr_lngth/img_arr_lngth_total)*100);
$("div.progress").stop().animate({"height": progress + "%"},2000);
if( 0 >= img_arr_lngth ){
$("html").data("preloaded", 1);
$("div.progress").stop().animate({"height": "100%"},2000,"easeOutQuad",function(){
setTimeout(function(){
$("div#preloader").fadeOut(1000, function() {
$(this).remove();
window_resize();
$("html").addClass("start");
});
},500);
});
}
};
img[indx].src = $(this).attr('src');
});
}else{
$("html").data("preloaded", 1);
$("div#progress").stop().animate({"height": "100%"},2000,"easeOutQuad",function(){
$("div#preloader").fadeOut(1000, function() {
$(this).remove();
window_resize();
});
});
}
}
function ie_scroll_on() {
if( $("html.pc.ie")[0] ){
var scrolly = 0;
var speed = 150;
$(document).on("mousewheel", "html", function(event, mov) {
if (mov > 0) scrolly = $('html').scrollTop() - speed;
else if (mov < 0) scrolly = $('html').scrollTop() + speed;
$('html,body')
.stop()
.animate({scrollTop: scrolly}, 'slow',$.easie(0,0,0,1));
return false;
});
}
}
function ie_scroll_off() {
if( $("html.pc.ie")[0] ){
$(document).off("mousewheel");
}
}
function img_load(){
$("img.preload:not('.loaded')").each(function(){
$(this).imagesLoaded(function(){
$(this).addClass("loaded");
});
});
}
$("div#preloader > div.bg > div.logo_wrapper > img.logo").imagesLoaded(function(){
$("div#preloader > div.bg").addClass("show");
preload();
});
$(window).bind('load', function() {
img_load();
window_resize();
$("div#entry > div.inner > article > a.to_close").remove();
if( $("body #container > div#base .ground")[0] ){
var target = $("#" + selectorEscape($("body").attr("data-scroll")));
if( target[0] ){
var val = target.offset().top;
scrollto(val);
}
}
});
$(document).on("click", "body #container > div#base > article#about\\/ > div.body > h1 > div.scroll", function(){
scrollto(window_height);
return false;
});
});