Question

简单问题, 但答案可能更难回答。我无法解决这个 < a href=" http://www. socketestudios.com/" rel="no follow" > > http://www. socketstudios.com/ 网站的影响。该网站响应性快, 完整屏幕演示。有滚动到插件, 该插件已经不易变, 所以i m 正在寻找替代插件, 导致我不确定它是否造成效果, 即使它是什么, 如果你需要更多插件的话。

Answer 1

调整图像的大小时, 他们使用的脚本会监听 recision 事件。

$(window).resize(function() {             
var top_target =  #work +current_section;
var $main = $( #main );
$main.scrollTo(top_target);

var i=0;
    for (i=0;i<=15;i++)
    {
  var $container = $( #work +i);
  var left_target =  #workcontent1 ;
  $container.scrollTo(left_target);
    }


var left_target =  #workcontent +current_image;
var $work_container = $( #work +current_section);
$work_container.scrollTo(left_target);

// Get Window Size

var myWidth = 0, myHeight = 0;

myWidth = $(window).width();
myHeight = $(window).height();

if(myHeight >= 900){
    image_height = 900;
    image_width = 1350;
}
else{
    image_height = myHeight;
    image_width = image_height * 1.5;
}

 // Set Image Offset

var $imgcont = $( .imgcontainer );

$imgcont.css( width , +image_width);
    $imgcont.css( margin-top , +image_height / -2 + "px");
$imgcont.css( margin-left , +image_width / -2 + "px");
 });

Answer 2

您可以是忍者,可以使用循环插件,然后使用滚动、向下、向左,左侧可以显示页码大小和按钮的固定位置。这需要一个 jQuery 库。

http://jquery.malsup.com/courcy/int2.html

但正如我所说,你必须是一个忍者。

友情链接