小编001*_*001的帖子

我使用W3Schools 的一个函数作为起点来制作可拖动的画廊滑块（.slider-all-items在我的代码中）。几行已从原始删除，以防止垂直拖动。

我正在尝试实现与这个jsfiddle 示例非常相似的东西，一个可拖动的幻灯片，以及：

• 始终全屏 ( .item { width: 100vw || 100%})
• 响应甚至window.resize
• 并且没有无限模式（检查上面的jsfiddle）。

添加了 3 张幻灯片，每张幻灯片都占用100%了窗口（响应式）。

<div data-item="slider-full" class="slider-container">
    <div class="slider-all-items">
        <div class="slider-item slider-item1"></div>
        <div class="slider-item slider-item2"></div>
        <div class="slider-item slider-item3"></div>
    </div>
</div>

现在，我不需要无限模式，但在幻灯片之间切换的动画是Draggable Slider的一部分。
如果您尝试将jsfiddle示例中的幻灯片（方向无关紧要）拖动几下px，则不会获得（下一张或上一张）幻灯片并将其居中，简而言之，该功能被阻止。

为了动画leftand right .items，我做了这样的事情：

/* If the user is …

我p在 a 后面附加了一个 pagaraph ( ) div，它显示了<textarea>值，并且效果很好。

它<textarea>应该是页面的一部分，允许用户向文本内容添加新行，就像我们<br>在textarea.
但由于他们不知道该怎么做，我试图通过以下方式让他们变得容易：

（输入加号两次 ++或按键盘上的 Enter）

两者都<br>应该在键入时自动添加标签(onkeyup)...

var textarea = document.getElementById('textarea');
var textareaPreview = document.querySelector('.textarea-preview');
var currentText;

textarea.onkeyup = function(){
    currentText = textarea.value;
    var previewAsString = "<p class='p-preview'>" + currentText + "</p>" 
    textareaPreview.innerHTML = previewAsString;
};

textarea {
  width: 300px;
  height: 80px;
  resize: vertical;
}

<div class="block">
    <textarea id="textarea" placeholder="Type here.."></textarea>
</div>

<div class="block">
    <div class="textarea-preview"></div>
</div>

这是我的网站文件夹结构：

/images\n/fonts\n/js\n/styles /    \n        scss/\n            |\n            |\xe2\x80\x93 utilities/\n            |   |\xe2\x80\x93 variables.scss  \n            |\n            |\xe2\x80\x93 base/\n            |   |\xe2\x80\x93 reset.scss       \n            |   |\xe2\x80\x93 typo.scss        \n            |\n            |\xe2\x80\x93 pages/\n            |   |\xe2\x80\x93 index.scss       \n            |   |\xe2\x80\x93 page1.scss            \n            |\n            \xe2\x80\x93 main.scss            \n\n        css/ \n            // Save CSS Here\n\nindex.html\n

描述：

我有一个root文件夹，包含index.html几个文件夹，例如fonts、js、styles...\n在该styles文件夹中，有两个文件夹scss和css。在该scss文件夹中，有main.scss（包含所有scss-导入的-）和几个包含scss文件的文件夹，例如：base，，...utilitiespages

问题：