从列表中滚动的 Js 文本大小有限
Js text scrolling from list is limited in size
我这里有一个演示设置 http://codepen.io/anon/pen/jqWxvm
在这个javascript中设置的滚动文本量的限制在哪里,它目前不显示li
的全部内容
jQuery(function(){
jQuery("ul#ticker01").liScroll();
});
jQuery.fn.liScroll = function(settings) {
settings = jQuery.extend({
travelocity: 0.17
}, settings);
return this.each(function() {
var $strip = jQuery(this);
$strip.addClass("newsticker")
var stripWidth = 1;
$strip.find("li").each(function(i) {
stripWidth += jQuery(this, i).outerWidth(true); // thanks to Michael Haszprunar and Fabien Volpi
});
var $mask = $strip.wrap("<div class='mask'></div>");
var $tickercontainer = $strip.parent().wrap("<div class='tickercontainer'></div>");
var containerWidth = $strip.parent().parent().width(); //a.k.a. 'mask' width
$strip.width(stripWidth);
var totalTravel = stripWidth + containerWidth;
var defTiming = totalTravel / settings.travelocity; // thanks to Scott Waye
function scrollnews(spazio, tempo) {
$strip.animate({
left: '-=' + spazio
}, tempo, "linear", function() {
$strip.css("left", containerWidth);
scrollnews(totalTravel, defTiming);
});
}
scrollnews(totalTravel, defTiming);
$strip.hover(function() {
jQuery(this).stop();
},
function() {
var offset = jQuery(this).offset();
var residualSpace = offset.left + stripWidth;
var residualTime = residualSpace / settings.travelocity;
scrollnews(residualSpace, residualTime);
});
});
};
您可以尝试使用以下行修改 CSS:
.tickercontainer .mask {width: 1300px !important;}
#ticker01 {float: left; width: auto !important; }
您可以使用"width"属性来显示元素。
相关文章:
- 使用Clipboard.js复制span文本
- 使用JS如何动态更改显示的html文件中的文本背景颜色
- Sails.js:同时发布文本输入和一个文件
- 使用D3.js计算带有字母间距的文本长度
- JS中的按钮和文本输入
- 如何检查链接是否有文本,并根据文本值评估条件-Jquery/JS
- 复选框与文本内联-JS问题
- 在highcharts.js中向点弹出窗口动态添加文本
- 使用JS从选择和文本输入中捕获值,并将输出返回到HTML
- php&js-将电子邮件添加到输入文本中
- 当运行JS函数时,如何在c#中的Edgejs中获取错误文本
- Angular JS-文本框未在独立范围内更新
- 使用D3.js和GeoJson在地图上显示States上的一些文本
- 如何将图像放入我的滚动文本js中
- 如何使用拉斐尔缩放文本.js
- Twitter文本js,不根据包含带#的URL的文本计算长度
- 检查DOM元素和子元素是否包含任何文本[JS或jQuery]
- 更改文本输入上的按钮文本- JS, RoR
- 无法检索按钮文本JS/Jquery
- 无法使用 html 表单和信息框显示默认文本.js