我是ASP .NET的新手,我在MVC中苦苦挣扎.我在View文件夹中有一个IndexView.cshtml文件,想在里面写一个简短的javascript部分,用一个按钮将网站移回顶部.它在普通的html中完美运行,所以就有了.通常情况下,每当我从站点顶部向下滚动时,按钮就会显示,当我回到最顶层时,按钮会消失.这里根本没有显示出来.我能做些什么才能让它发挥作用?提前致谢!
所以这是我在</body>标签前的IndexView.cshtml中的结尾.
<script type="text/javascript">
$(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop"><span id="toTopHover"> </span></a>
Run Code Online (Sandbox Code Playgroud)
这就是Scripts文件夹/Scripts/move-top.js中move-top.js的一部分
(function ($) {
$.fn.UItoTop = function (options) {
var defaults = {
text: 'To Top', min: 200, inDelay: 600, outDelay: 400, containerID: 'toTop', containerHoverID: 'toTopHover',
scrollSpeed: 1200, easingType: 'linear'
}, settings = $.extend(defaults, options), containerIDhash = '#' + settings.containerID, containerHoverIDHash = '#' + settings.containerHoverID;
$('body').append('<a href="#" id="' + settings.containerID + '">' + settings.text + '</a>');
$(containerIDhash).hide().on('click.UItoTop', function ()
{ …Run Code Online (Sandbox Code Playgroud)