滚动栏效果调整

This commit is contained in:
Tim 2016-05-04 15:43:46 +08:00
parent 80ff421853
commit 51ff1b0aa6
1 changed files with 52 additions and 35 deletions

View File

@ -13,7 +13,8 @@
<h2 class="h2-title">合作伙伴<a href="javascript:void(0);" target="_blank" class="more">更多</a></h2> <h2 class="h2-title">合作伙伴<a href="javascript:void(0);" target="_blank" class="more">更多</a></h2>
<div class="sn-index-partnerbox " > <div class="sn-index-partnerbox " >
<ul id="scrollPic" > <ul id="scrollPic" >
<div style="width: 760px;"> <div class="scroll-control">
<div class="scroll-container">
<% org_acts.first(8).each do |activity| %> <% org_acts.first(8).each do |activity| %>
<% if activity.container_type == 'Organization' && activity.org_act_type == 'OrgDocumentComment' && activity.org_act_id != @organization.home_id %> <% if activity.container_type == 'Organization' && activity.org_act_type == 'OrgDocumentComment' && activity.org_act_id != @organization.home_id %>
<% document = activity.org_act %> <% document = activity.org_act %>
@ -21,9 +22,9 @@
<% flag = 2 %> <% flag = 2 %>
<% iamge_path = get_image_path_from_content(document.content) %> <% iamge_path = get_image_path_from_content(document.content) %>
<% if iamge_path.nil? %> <% if iamge_path.nil? %>
<li><%= link_to image_tag("/images/default_blank/ad-default.jpg", :width => "368", :height => "43"), org_document_comment_path(:id => document.id, :organization_id => document.organization.id), :target => "_blank", :class => "partnerimg" %></li> <li class="sn-fl"><%= link_to image_tag("/images/default_blank/ad-default.jpg", :width => "368", :height => "43"), org_document_comment_path(:id => document.id, :organization_id => document.organization.id), :target => "_blank", :class => "partnerimg" %></li>
<% else %> <% else %>
<li><%= link_to image_tag("/files/uploads/image#{iamge_path}", :width => "368", :height => "43"), org_document_comment_path(:id => document.id, :organization_id => document.organization.id), :target => "_blank", :class => "partnerimg" %></li> <li class="sn-fl"><%= link_to image_tag("/files/uploads/image#{iamge_path}", :width => "368", :height => "43"), org_document_comment_path(:id => document.id, :organization_id => document.organization.id), :target => "_blank", :class => "partnerimg" %></li>
<% end %> <% end %>
<% elsif activity.container_type == 'OrgSubfield' %> <% elsif activity.container_type == 'OrgSubfield' %>
<% if activity.org_act_type == 'Message' and activity.org_act_id and Message.where("id=#{activity.org_act_id}").count > 0 %> <% if activity.org_act_type == 'Message' and activity.org_act_id and Message.where("id=#{activity.org_act_id}").count > 0 %>
@ -56,6 +57,7 @@
<% end %> <% end %>
<% end %> <% end %>
</div> </div>
</div>
</ul> </ul>
<div class="cl"></div> <div class="cl"></div>
<div class="partner-btnbox"> <div class="partner-btnbox">
@ -83,3 +85,18 @@
</div> </div>
<% end %> <% end %>
<% end %> <% end %>
<script>
$(document).ready(function(){
var num = $(".scroll-container").children().size();
var num = Math.round(num/4);
var divWidth = 380*num;
$(".scroll-container").css("width",divWidth).css("height",110);
if(num%2 != 0) {
var controlWidth = 380*num + 380;
}else{
var controlWidth = 380*num;
}
$(".scroll-control").css("width",controlWidth);
});
</script>