Tag: html5

实际上不滚动的HTML5滚动条

我正在制作一个自定义组件 ,它显示了经常更改的巨大动态内容的一部分,因此我无法一直追加并将其删除到文档中 。 带有onScrollBegin , onScrollEnd , onScrollUpdate和scrollTop以及scrollMax值而没有滚动内容function的滚动条会很棒。 我不希望滚动条为我滚动内容。 我需要获取当前的scrollTop值并在不创建高度的内容div的情况下完成我的工作人员。 你有什么建议 ? $(‘#scroller’).on(‘scroll’, (e) => { let offsetY = $(‘#scroller’).scrollTop(); $(‘#custom-content’).text(“current offsetY: ” + Math.round(offsetY)); }); $(document).ready(function(){ $(‘#custom-content’).bind(‘mousewheel’, function(e){ if(e.originalEvent.wheelDelta/120 > 0) { let offsetY = $(‘#scroller’).scrollTop()-3; $(‘#scroller’)[0].scrollTop=offsetY; // $(this).text(‘scrolling up !’); } else{ // $(this).text(‘scrolling down !’); let offsetY = $(‘#scroller’).scrollTop()+3; $(‘#scroller’)[0].scrollTop=offsetY; } e.preventDefault(); […]

创建一个不会跨网页重新加载的DIV标记

我试图在我的页面顶部创建一个div,当用户浏览我的网站时,它不会重新加载。 div将包含一个MP3播放器,将在整个网站上不断播放。 我将如何编码以这种方式工作? 主站点运行joomla,我想避免使用Iframes,因为该站点需要保持搜索引擎友好。 Your browser does not support the audio element.

翻转三角形3d css或javascript

我想要一个像这样的直角三角形 . . . . . . . . . . . . . . . . . . 用3D动画翻转成为这样的直角 . . . . . . . . . . . . . . . . . . 我对角线转换的运气很少,但却只有一个三角形。 我可以按照这里的指南http://davidwalsh.name/css-flip垂直和水平地翻转它但是我无法对角翻转盒子。 任何帮助或方向是非常感谢! 按要求JSFiddle: http : //jsfiddle.net/y36cdwx2/

audio controll – 后退,前进按钮 – Java脚本

按住下一个按钮时,音频播放器会更快… 代码代表一切 主要问题:如何继续正常? 这是我的尝试 http://jsfiddle.net/1t6g8oLg/ jQuery的 $(function () { var audio = document.getElementById(‘mine’); audio.addEventListener(‘durationchange’, function (e) { $(‘.btn-forward’).mousedown(function () { setInterval(function () { audio.currentTime += 10; }, 200); }).mouseup(function () { // Continue to normal }); $(‘.btn-backward’).mousedown(function () { setInterval(function () { audio.currentTime += 10; }, 200); }).mouseup(function () { // Continue to normal }); […]

多个折线在Google地图上重叠

我需要在谷歌地图上显示多个航线。 我使用了具有测地线的折线并且工作正常但问题是当多于两个航class经过相同路线然后折线与另一折线重叠时。 我们可以通过改变曲线角度来解决这个问题,或者我们可以将它们彼此分开。

在canvas中读取文本,在canvas中标识文本的位置

我正在研究流程。 我用过vis库来显示流程。 它显示了canvas中的流程。 流程很长并且是根据用户输入动态生成的,所以我在canvas中提供了滚动。 因此,要进入特定步骤,用户必须向下滚动。 我想在canvas中提供搜索function,使其更加用户友好。 有没有办法在Canvas中提供搜索function?

使用jquery的html下拉式使用Session存储设置和获取值

处理会话存储,如果用户从下拉列表中选择(.bap_mjr)值并从第一页单击下一步按钮,则在第一页中我有一个下拉列表它将重定向到我需要显示标签的第二页。 第一页HTML Please Select</optio BAACHM BAP BBA 目前我正在尝试在第一页这是我的jquery代码 $(“#slt_mjr”).change(function (){ alert($(this).val()); var dropselvalue = -1; if (document.getElementById(“bap_Mjr”).val()) { alert(“check”); dropselvalue = 1; } if(window.sessionStorage) { sessionStorage.setItem(“dropselvalue”, dropselvalue); } }); 第二页 Welcome to second page 第二页jquery代码 var dropselvalue = parseInt(sessionStorage.getItem(“dropselvalue”)); if (dropselvalue != -1) { if (dropselvalue === 1) { $(“.pay_click”).show() } //localStorage.removeItem(“CheckedRadioValue”); } 会话未存储,我无法获取该项目。 在我做错误的地方,请帮助我 […]

在向表中动态添加文本时,无法显示分页表视图

我正在尝试构建一个应用程序,用户可以从文本框中输入文本,文本将附加到动态生成的表中。 该表还将具有Bootstrap Pagination ,其中我只想在每个表视图中显示5个表行。 我面临的问题是,每当我从输入文本框加载文本时,它应该转到表的特定视图。 但是当我从文本框中添加文本时,默认情况下会出现在第一个视图中。 (见下面的截图) 之前: 后: 这是我正在处理的代码片段 $(function() { $(“#myInput”).keyup(function(event) { //On carriage return append the text to the table if (event.keyCode === 13) { let text = $(‘#myInput’).val(); if (text != “”) { let markup = `${text}`; $(“#tblText tbody”).append(markup); $(‘#myInput’).val(”); //Check if it is a multiple of 5? paginateTable(); } } […]

我如何获得图像的坐标

我需要在图像上创建一个热点,我需要有这样的东西 我有像这样的美国照片,但我需要将它变成这样的热点,但查看源我看到这个 有没有一个工具,我可以使用我的png图像,这将帮助我获得coords ..另外这将永远为所有的国家…..

阻止表单提交到其他页面

我有这个代码: 我想阻止表单提交到另一个页面。现在如果你点击输入它提交到一个不同的页面