Question

我正在开发一个网站的移动版本＆amp;当文本长于某些像素时，需要添加滚动功能。我正在尝试将以下逻辑实现到我的项目中

I want to implement same in my example到目前为止，我无法使其工作，我的基本结构将保持不变我只想滚动文本，如果屏幕很小，以显示完整的标题。

$("div.aaa h2").each(function(){    
  var m = $(this).width();
  var n = $(this).find("div.aaa h2").width();
  var o = m - n;
  var z = $(this).find("div.aaa h2");

    $(this).mouseenter(function(){
        //alert ("title: " + m + " text: " + n + " diff: " + o);
        if (n > m) {
             z.animate({
             left: o                    
         }, 2000);
       }
    }).mouseleave(function(){
            z.animate({
            left: "0"
         }, 2000);    
    });        

});

我愿意接受任何有效的解决方案。检测完整的标题是否可见，那么它应该实现那些长标题不是全部的元素的滚动。

我尝试的其他方法也失败了，因为它滚动所有元素而不是鼠标悬停的元素

http://jsfiddle.net/yVtVE/21/

Answer 1

在animateTitle函数中添加了额外的参数“elem”，elem在hover事件完成时定义。我从width:330px类中删除了.aaa css代码。添加了对.aaa元素宽度的额外控制（在悬停.aaa类元素时）。

以下是您的解决方案：jsfiddle.net/yVtVe/22/

使用jquerymobile滚动标题文本

1 个答案: