我有一个顶部栏,position:fixed其中还包含锚链接(<a href="#someid">jdjd</a>).

问题是目标放在视口的顶部(固定顶部栏后面).

如何修复,以便浏览器滚动,以便目标显示在顶部栏的下方？

在我的游戏中,我有一个填充了单词的网格.要拼写单词,用户必须单击名为"拖动"的一侧的字母.单击一个字母时,它会动画到网格上的位置.

我遇到的问题是用户可以快速点击字母,这会使程序崩溃.为了解决这个问题,我想禁用点击事件,直到动画完成.

在过去,我之前使用过一个setTimeOut函数,但它不是一个可靠的方法,因为时间都取决于浏览器的速度.

这是点击事件:

$('.drag').on('click', function (e) {
    e.preventDefault();
    var target = $('.highlight-problem .drop-box:not(.occupied):first');
    var targetPos = target.parents('td').position();
    console.log(targetPos);
    var currentPos = $(this).offset();
    var b = $(this);
    if (target.length) {
        target.addClass("occupied");
        $(".occupied").parent(".flip-wrapper").addClass("flipped");
        var clonedObject = b.clone()
        if (b.data("letter") == target.parents('td').data("letter")) {
            clonedObject.addClass("right-letter");
            target.addClass('right-letter');
            setTimeout(function () {
                hitSound.play();
            }, 550);
        } else {
            clonedObject.addClass("wrong-letter");
            target.addClass('wrong-letter');
            setTimeout(function () {
                missSound.play();
            }, 550);
        }
        clonedObject.appendTo("table").css({
            position: "absolute",
            top: currentPos.top,
            left: currentPos.left
        }).stop().animate({
            top: targetPos.top,
            left: targetPos.left
        }, "slow", function () { …

我正在尝试做的是单击AddMore按钮我正在获取按钮的ID

 <div id="MemberCountDiv">
                <div class="MemberDescriptionAdd" style="display:none;">
                    <select name="MemberCountType" id="MemberCountTypeX" class="MemberCountTypeX form-control ">
                        <option selected="selected" value="">Condition</option>
                        <option value="<">Less Than (&le;)</option>
                        <option value=">">Greater Than (&ge;)</option>
                        <option value="=">Equal</option>
                    </select>
                    <select name="MemberCount" id="MemberCountX" class="MemberCountX form-control ">
                        <option selected="selected" value="">Members</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="8">7 Or More Than 7</option>
                    </select>
                    <button id="RemoveX" class="btn btn-blue" type="button">Remove</button>
                </div>
            </div>

我保留了这个div,我点击的是

$(".AddMoreButton").click(function () {
        var type = $(this).val();
        var idname = $(this).attr("id");
        var id = idname.replace("AddMore", "");
        alert(id);
        var …

我目前正在为Android设计移动应用程序.文本和内容采用当地印度语,泰米尔语.对于欢迎,相当于泰米尔语的翻译是:???????.由于Android无法显示印度文字,我使用名为JavaScript String Escape的服务进行转换.

所以这可以这样工作:

• 输入: ???????
• 输出: \u0BB5\u0BA3\u0B95\u0BCD\u0B95\u0BAE\u0BCD

如何使用JavaScript或PHP来实现这一点,因为我需要转换大量文本并将其转换为JSON.示例JSON:

{
  "title": "\u0BAE\u0BB0\u0BC1\u0BA4\u0BCD\u0BA4\u0BC1\u0BB5\u0BB0\u0BBF\u0BA9\u0BCD \u0BAA\u0BC6\u0BAF\u0BB0\u0BCD #1",
  "image": "http://www.exceptnothing.com/doctors/doc11.png",
  "rating": "\u2713 \u0B87\u0BAA\u0BCD\u0BAA\u0BC7\u0BBE\u0BA4\u0BC1 \u0BAA\u0BBE\u0BB0\u0BCD\u0B95\u0BCD\u0B95\u0BB2\u0BBE\u0BAE\u0BCD",
  "rating2": "",
  "releaseYear": "\u0BA8\u0BBE\u0BB3\u0BCD \u0BAE\u0BC1\u0BB4\u0BC1\u0BB5\u0BA4\u0BC1\u0BAE\u0BCD \u0BAA\u0BBE\u0BB0\u0BCD\u0B95\u0BCD\u0B95\u0BB2\u0BBE\u0BAE\u0BCD",
  "genre": ["\u25B6 \u0B87\u0BA4\u0BAF \u0BA8\u0BBF\u0BAA\u0BC1\u0BA3\u0BB0\u0BCD"]
}

我也想知道如何解码上面的JSON并将其显示为???????.提前致谢.

我已经尝试了几个小时,为什么我不能在我的文字中看到我的照片.我使用列来标记我的文本.

我希望得到的图片

这就是我经常得到的 - Jsfiddle

#text-columns {
  -moz-column-count: 3;
  -moz-column-gap: 20px;
  -webkit-column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-rule-color: #ccc;
  -moz-column-rule-style: solid;
  -moz-column-rule-width: 1px;
  -webkit-column-rule-color: #ccc;
  -webkit-column-rule-style: solid;
  -webkit-column-rule-width: 1px;
  display: inline-block;
  text-align: justify;
}

#fake_image {
  background-color: black;
  width: 67%;
  height: 100px;
  float: right;
}

<div>

  <div id="fake_image"></div>

  <p id="text-columns">
    <strong>Ihiliquatior am quia numquam ipit, quis as pro culpa nus ma doluptatem rerum veria nosae nulligendit laccatate nus dit et, cullis sum dolupta comnis apitibusam ium dem volorum repreptatque es dellique sum …

我有一个模型,用于制作看起来非常简单的加号.但是,我的css技能不是很棒.制作圆圈并不是什么大不了的事情,但在里面加上一个加号我似乎无法弄明白.这就是我想要做的.

小样

这是我现在拥有的

到目前为止,这是我的代码:

HTML

<div class=circle></div>

CSS

.circle {
    border-radius: 50%;
    width: 200px;
    height: 200px;
    background-color: rgb(44,108,128)
}

所以非常基本的东西,但如果有人知道如何添加加号,你会让我的夜晚更好!谢谢您的帮助!

我想要一个CSS侧边栏和一个粘性页脚.当侧边栏滑出时,页面的其余部分应缩小以适应较小的空间.

我的问题是,当我打开菜单时,粘性页脚将滑向侧边病房.但它也需要缩小,但事实并非如此.它应该像其他内容一样水平放在页面上,但事实并非如此.这导致了我不想要的水平滚动条.

我该如何缩小页脚？

html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}
footer {
  bottom: 0;
  margin-left: inherit;
  height: 100px;
  left: 0;
  width: 100%;
  position: absolute;
  background-color: lightgrey;
}
ul {
  margin-left: 0;
  padding-left: 0;
}
.footer-img {
  margin-top: 15px;
  margin-bottom: 15px;
  display: inline-block;
}
.page-wrap {
  box-sizing: border-box;
  min-height: 100%;
  position: relative;
  transition-duration: 0.4s;
}
.page-content {
  box-sizing: border-box;
  min-height: 100%;
  padding: 0 0 100px 0;
  transition-duration: 0.4s;
}
.sidebar {
  position: fixed;
  top: 0;
  left: -180px;
  right: …

当我开始时,这对我来说看起来相当简单,但出于某种原因,每当我尝试在代码服务上运行结果时,我都会得到一个空数组.我希望你能帮助我找出问题所在.

function alphabetPosition(text) {
  text.split(' ').join('');
  var chari = "";
  var arr = [];
  var alphabet = "abcdefghijklmnopqrstuvwxyz".split('');
  for(var i = 0; i < text.len; i++){
    chari = text.charAt(i).toLowerCase();
    if(alphabet.indexOf(chari) > -1){
      arr.push(alphabet.indexOf(chari));
    }
  }
  return arr;
}
console.log(alphabetPosition("Hello World"));

我的想法是从参数中获取文本然后去掉空格.我为我的空数组创建了一个变量,然后创建一个字母字符串,我可以稍后搜索.在for循环中,我将每个字符设置为小写,如果在字母字符串中找到该字符,则其位置将被推入数组(arr).我很感激你的时间.

所以我在这里有这个漂亮的CSS动画,我希望它循环.

我几乎没有CSS动画的经验,但遗憾的是没有想法如何做到这一点.如果有人在这里帮助我,我真的很感激.谢谢!

HTML

<div id="msg">Weeeeeee</div>

使用Javascript

$("#msg").click(function() {
    var duration = 1400;
    $msg = $(this);
    $msg.css("-webkit-transform", "scale(2)")
        .css("-webkit-transition-timing-function", "ease-out")
        .css("-webkit-transition-duration", duration + "ms");
    setTimeout(function () {
        $msg.css("-webkit-transform", "scale(1)")
            .css("-webkit-transition-timing-function", "ease-in")
            .css("-webkit-transition-duration", duration + "ms");
    }, duration);
});

CSS

#msg { font-size: 40pt; font-weight:bold; text-align:center; line-height: 120pt; }

连续在每个图像下面有5个图像和文本,它们是响应的.但是当在引导程序中编码时,图像在调整窗口大小时重叠.

我们如何将5个图像水平对齐,每个图像都有下面的文字.

这是图像和文本的模型.有任何方法可以使5个图像与下面的文本响应.